单击描述时选中复选框

Question

我将创建一个由jQuery和JSON构建的复选框列表.该列表将是一组可以发送消息的组.它可能是其中一个群体.这部分我可以搞清楚.我遇到的问题是如何启用描述,以便当我单击描述时,选中该复选框.

<div>
    <label for="group">
        Select lists
    </label>
</div>
<div>
    <input type="checkbox" name="group" id="group" value="1" title="Main List" />Main List
    <input type="checkbox" name="group" id="group" value="2" title="Secondary List" />Secondary List
</div>

Answer 1

使用带有for属性的Label (我为复选框分配了不同的ID):

<div>
    <label for="group">
        Select lists
    </label>
</div>
<div>
    <input type="checkbox" name="group" id="group1" value="1" title="Main List" />
    <label for="group1">Main List</label>
    <input type="checkbox" name="group" id="group2" value="2" title="Secondary List" />
    <label for="group2">Secondary List</label>
</div>

Answer 2

另一种解决方案(不使用"for"属性)包括标签<input />内的每个字段<label></label>.

例:

<label><input type="checkbox" value="" /> Click Here to Check This</label>

如果您必须显示带有标签的复选框,这可以是一个解决方案inline-block.

Answer 3

首先:你id在那里有重复.一个id应该是独特的.

最简单的方法是使用label标签,例如:

<input type="checkbox" name="group" id="group_1" />
<label for="group_1">description</label>

现在您可以单击文本,它将切换复选框.另一种方法是使用jQuery的click功能:http://www.google.com/#q=jquery+check+checkbox+on+click.