点击描述时勾选checkbox

我将创build一个由jQuery和JSON构build的checkbox列表。 该列表将是消息可以发送到的组的select。 它可能是更多的团体之一。 这部分我可以弄清楚。 我遇到的问题是如何启用描述，以便当我点击描述时，checkbox被选中。

<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属性的标签（我为checkbox分配了不同的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

不同的解决scheme（不使用“for”属性）是在<label></label>标签中包含每个<input />字段。

例：

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

如果您必须显示标签为inline-block的checkbox，这可能是一个解决scheme。

Answer 3

首先：你有一个重复的id在那里。 一个id应该是唯一的。

最简单的方法是使用标签标签，例如：

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

现在你可以点击文本，它会切换checkbox。 另一种方法是使用jQuery的clickfunction： http : //www.google.com/#q=jquery+check+checkbox+on+click 。

Answer 4

你也可以使用jQuery，如果你不想使用“标签”

  <input type="checkbox" name="SelectionCheckbox" id="SelectionCheckbox" /> <div onclick="$('input[id $=SelectionCheckbox]').attr('checked', this.checked);"> Lorem ipsum dolor sit amet, consectetur adipiscing elit </div>