Почему не работает событие addEventListener?

Question

[Андрей Иванов]

Почему не работает событие addEventListener ?

https://codepen.io/newdecline/pen/RBoOeL

Comments

[Сергей delphinpro]

addEventLister — НЕ событие. Это метод.

Answer 1

[Николай]

Потому что метод должен слушать элемент, а не коллекцию :)

var radio = document.querySelectorAll('[type="radio"]');
console.log(radio);
radio.forEach(function (item) { // Перебор коллекции
  item.addEventListener('change', function() {
    for ( i = 0; i < radio.length; i++ ) {
      if ( radio[i].checked ) {
        alert( radio[i].value );
      }
    }
  });  
});

Comments

[Андрей Иванов]

Ого, спасибо )

Answer 2

[Сергей delphinpro]

Потому что radio у вас — это NodeList
Его нужно обежать циклом и на каждую ноду повесить обработчик.

Почаще и повнимательнее читайте документацию: querySelectorAll()