Почему скрипт срабатывает только на первом элементе и как это поправить?

Question

[buzzloud]

Привет всем. Вот есть такой codepen. Работает и все в порядке с ним. Проблемка в том, что, если скопировать html этого переключателя и вставить на странице еще раз или несколько, то все последующие html копии не будут работать. Т.е. при клике на текст (в label который) переключатель не срабатывает.

Может кто поймет в чем дело та расскажет) Заранее спасибо!

Answer 1

[Виталий]

ID должен быть уникальный на весь документ. Надо несколько - перепишите на класс

Comments

[buzzloud]

Верно, что то я совсем упустил из виду, что там id в html везде одинаковый и даже не посмотрел в ту сторону) Правда заменил всё на классы и теперь e.addEventListener is not a function - такая ошибка.

[Виталий]

buzzloud: есть на jquery, то как то так https://jsfiddle.net/pr1a1bkm/ ... т.е. функция обработки блока, принимающая класс блока. И дальше при клике на инпут идет действие

[buzzloud]

Спасибо, испытаю)