Хорошо, что мне не хватает? У меня есть:
<form>
<input type="checkbox" name="showRatings" value="1" checked>
<label for="showRatings">Show Ratings</label>
</form>
И когда я нажимаю на текст "Показать рейтинги", флажок не переключается. Я знаю, что это просто.
Я считаю, что элемент label ссылается на атрибут id, а не на атрибут name. Попробуйте следующее:
<form>
<input type="checkbox" name="showRatings" id="showRatings" value="1" checked>
<label for="showRatings">Show Ratings</label>
</form>
Ссылка здесь.
Когда входной элемент находится внутри метки, нам не нужен идентификатор элемента и атрибут "для" на метке, но когда он находится снаружи, он нам нужен.
<label>
Foo
<input name="foo" type="checkbox" />
</label>
Нажатие на "Foo" вызовет переключение флажка