Как прикрутить onchange к radio?

Для прикрепления события onchange к элементам radio в JavaScript, мы можем использовать следующий подход:

1. Получить ссылку на все элементы radio на странице, используя один из методов DOM-манипуляции, таких как getElementById(), getElementsByClassName(), querySelectorAll() или другие подобные методы.

Пример:

   var radios = document.querySelectorAll('input[type="radio"]');

2. Добавить обработчик события 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
     };
   }

3. Внутри обработчика события onchange можно выполнять любую логику, которая должна быть связана с выбором переключателей radio.

Пример:

   radios.forEach(function(radio) {
     radio.onchange = function() {
       if (radio.checked) {
         console.log("Выбрано значение " + radio.value);
       }
     };
   });

В этом примере, при выборе элемента radio, код будет выводить в консоль выбранное значение.

4. Обратите внимание, что внутри обработчика события onchange мы можем использовать свойство this, чтобы обратиться к текущему выбранному элементу radio.

Пример:

   radios.forEach(function(radio) {
     radio.onchange = function() {
       if (this.checked) {
         console.log("Выбрано значение " + this.value);
       }
     };
   });

Здесь код выводит в консоль выбранное значение текущего элемента radio.