@Rem36

Почему не переключается класс?

Здравствуйте. Пытаюсь сделать переключение класса у label при клике, но не переключается. В чем проблема тут?

<label class="label-checkbox-editions" id="color-label-editions">
                            <input type="checkbox" name="" class="section__editions-checkbox">
                            Бестселлеры
                            <span></span>
                        </label>


window.addEventListener('DOMContentLoaded', function(){
    document.querySelector("#color-label-editions").addEventListener('click', function(){
        document.querySelector("#color-label-editions").classList.toggle('active-label-color')
    })
});
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Переключается. Дважды. Погуглите, что происходит при клике по label'у. Также погуглите "всплытие событий".

Вместо клика по label'у следует отслеживать change на input'е.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы