如何在单击旁边的单词时选中复选框/单选框


How do you get a checkbox/radio to be selected upon click of the word next to it?

我有一个大表单,它将所有50个状态都列为复选框。与其让用户点击复选框来选择它(以及收音机),我如何通过点击单词来选择复选框?

使用label HTML元素,如下所示:

<label><input type="checkbox" /> My label here</label>

如果不想嵌套元素,也可以将标签绑定到具有for属性的ID的HTML控件。这里有一个例子:

<input type="checkbox" id="my-checkbox" />
<label for="my-checkbox">My Label</label>

使用复选框的标签元素:

<label for="check">Checkbox label</label>
<input type="checkbox" id="check" />

您可以单击标签,它将切换复选框。