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

Question

I have a large form that has all 50 states listed as checkboxes. Instead of having the user click JUST the checkbox to select it (as well as radios), how can I get the checkbox to be selected by clicking the word?

Answer 1

Use the label HTML element like so:

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

You can also tie the label to an HTML control that has an ID with the for attribute, if you don't want to nest the elements. Here's an example of that:

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