Чтобы получить выбранное значение из группы переключателей с помощью JavaScript, можно использовать несколько методов. Вот некоторые из распространенных подходов:
-
Использование метода
querySelector
:var selectedValue = document.querySelector('input[name="radioGroupName"]:checked').value;
-
Использование метода
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; } }
-
Использование метода
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; } }
-
Использование методов массива ES6 (например,
find
):var radioGroup = Array.from(document.getElementsByName('radioGroupName')); var selectedValue = radioGroup.find(radio => radio.checked).value;
Эти методы предполагают, что переключатели в группе имеют один и тот же атрибут name
, которому в примерах присвоено значение «radioGroupName». Вам следует заменить «radioGroupName» фактическим значением атрибута имени вашей группы переключателей.