html - 标签不适用于复选框

好，我想念什么？
我有:

<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>

引用here。