Чтобы получить выбранное значение из группы переключателей с помощью 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» фактическим значением атрибута имени вашей группы переключателей.