Для прикрепления события onchange
к элементам radio
в JavaScript, мы можем использовать следующий подход:
- Получить ссылку на все элементы
radio
на странице, используя один из методов DOM-манипуляции, таких какgetElementById()
,getElementsByClassName()
,querySelectorAll()
или другие подобные методы.
Пример:
var radios = document.querySelectorAll('input[type="radio"]');
- Добавить обработчик события
onchange
к каждому элементуradio
, используя цикл или методforEach()
. Внутри обработчика можно выполнять нужный код.
Пример:
radios.forEach(function(radio) { radio.onchange = function() { // Ваш код обработки события onchange }; });
Или можно использовать цикл for
:
for (var i = 0; i < radios.length; i++) { radios[i].onchange = function() { // Ваш код обработки события onchange }; }
- Внутри обработчика события
onchange
можно выполнять любую логику, которая должна быть связана с выбором переключателейradio
.
Пример:
radios.forEach(function(radio) { radio.onchange = function() { if (radio.checked) { console.log("Выбрано значение " + radio.value); } }; });
В этом примере, при выборе элемента radio
, код будет выводить в консоль выбранное значение.
- Обратите внимание, что внутри обработчика события
onchange
мы можем использовать свойствоthis
, чтобы обратиться к текущему выбранному элементуradio
.
Пример:
radios.forEach(function(radio) { radio.onchange = function() { if (this.checked) { console.log("Выбрано значение " + this.value); } }; });
Здесь код выводит в консоль выбранное значение текущего элемента radio
.