Почему не работает чекбокс?

Question

[Светлана Галенко]

Здравствуйте на сайте не работает чекбокс. При клике не появляется галочка.

<div class="checkbox checkbox-primary">
        <input id="approve" type="checkbox" onclick="this.parentNode.className + = 'checked'">
        <label for="checkbox2">бла бла</label>
    </div>

Comments

[ReaverJS]

У меня работает.

[Ankhena]

работает https://jsfiddle.net/quk8bdem/
но если вы кликаете на label, то у вас лейбл не от того чекбокса

Answer 1

[v3shin]

this.parentNode.className + = 'checked'
+= пишется слитно

<input id="approve">
<label for="checkbox2"></label>

id input'а не совпадает с for label'а.

И, предвидя вопрос "а как убрать checked?":
this.parentNode.classList.toggle('checked')

Comments

[Светлана Галенко]

Да действительно, спасибо вам огромное.. А то уже 2 дня мучалась..

Answer 2

[Egor]

<label for="approve">
       <input id="approve" type="checkbox" onclick="this.parentNode.className + = 'checked'">
       бла бла
 </label>

Comments

[Светлана Галенко]

Да реально for нужно было как в инпуте id сделать.. И плюс v3shin написал что слитно += прописать..Спасибо за помощь

[v3shin]

Светлана Галенко, ну, если чекбокс внутри label, for можно не прописывать: и так сработает.