javascript - 不使用 JavaScript/jQuery 选中/取消选中复选框

Question

是否可以在不使用 JavaScript/jQuery 的情况下切换输入类型复选框的状态(选中/取消选中)，即仅通过 HTML 和 CSS？

假设我想通过点击它旁边的标签来切换它。

如果是，我们如何实现？

Answer 1

如果您需要选中/取消选中来自 <label> 的输入, 设置一个 id在输入上，并使用标签的 for attribute连接它们。

<input type="checkbox" id="chk" />

<label for="chk">Click to check/uncheck</label>

另一种选择是使用标签作为输入的容器:

<label><input type="checkbox" /> Click to check/uncheck</label>