标签不使用复选框

Question

好的，我错过了什么？ 我有：

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

当我点击“显示评级”文本时，复选框不会切换。 我知道这很简单。

Answer 1

我认为label元素链接到id属性，而不是name属性。试试这个：

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

参考here。

Answer 2

当输入元素在标签内时，我们不需要元素上的id和＆＃39;对于＆＃39;标签上的属性，但当它在外面我们需要它。

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

点击＆＃34; Foo＆＃34;将触发复选框的切换