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

Question

[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')
    })
});

Answer 1

[0xD34F]

Переключается. Дважды. Погуглите, что происходит при клике по label'у. Также погуглите "всплытие событий".

Вместо клика по label'у следует отслеживать change на input'е.

Comments

[Rem36]

Спасибо, помогло разобраться.