Ярлык не работает с флажком

Хорошо, что мне не хватает? У меня есть:

<form>
    <input type="checkbox" name="showRatings" value="1" checked>
    <label for="showRatings">Show Ratings</label>
</form>

И когда я нажимаю на текст "Показать рейтинги", флажок не переключается. Я знаю, что это просто.

Ответы

Ответ 1

Я считаю, что элемент label ссылается на атрибут id, а не на атрибут name. Попробуйте следующее:

<form>
  <input type="checkbox" name="showRatings" id="showRatings" value="1" checked>
  <label for="showRatings">Show Ratings</label>
</form>

Ссылка здесь.

Ответ 2

Когда входной элемент находится внутри метки, нам не нужен идентификатор элемента и атрибут "для" на метке, но когда он находится снаружи, он нам нужен.

<label>
    Foo
    <input name="foo" type="checkbox" />
</label>

Нажатие на "Foo" вызовет переключение флажка