单击旁边的单词时如何选择复选框/收音机？

【问题标题】：How do you get a checkbox/radio to be selected upon click of the word next to it?单击旁边的单词时如何选择复选框/收音机？
【发布时间】：2012-02-13 17:34:04
【问题描述】：

我有一个大型表单，其中所有 50 个状态都列为复选框。我怎样才能通过单击单词来选择复选框，而不是让用户单击复选框来选择它（以及收音机）？

【问题讨论】：

标签： php forms checkbox radio-button

【解决方案1】：

像这样使用label HTML 元素：

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

如果您不想嵌套元素，也可以将标签绑定到 ID 为 for 属性的 HTML 控件。这是一个例子：

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

【讨论】：

【解决方案2】：

使用用于复选框的标签元素：

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

您可以单击标签，它会切换复选框。

【讨论】：