Получите выбранное значение из группы переключателей с помощью JavaScript

Чтобы получить выбранное значение из группы переключателей с помощью JavaScript, можно использовать несколько методов. Вот некоторые из распространенных подходов:

  1. Использование метода querySelector:

    var selectedValue = document.querySelector('input[name="radioGroupName"]:checked').value;
  2. Использование метода getElementsByTagName:

    var radioGroup = document.getElementsByName('radioGroupName');
    var selectedValue;
    for (var i = 0; i < radioGroup.length; i++) {
    if (radioGroup[i].checked) {
    selectedValue = radioGroup[i].value;
    break;
    }
    }
  3. Использование метода querySelectorAll:

    var radioGroup = document.querySelectorAll('input[name="radioGroupName"]');
    var selectedValue;
    for (var i = 0; i < radioGroup.length; i++) {
    if (radioGroup[i].checked) {
    selectedValue = radioGroup[i].value;
    break;
    }
    }
  4. Использование методов массива ES6 (например, find):

    var radioGroup = Array.from(document.getElementsByName('radioGroupName'));
    var selectedValue = radioGroup.find(radio => radio.checked).value;

Эти методы предполагают, что переключатели в группе имеют один и тот же атрибут name, которому в примерах присвоено значение «radioGroupName». Вам следует заменить «radioGroupName» фактическим значением атрибута имени вашей группы переключателей.