单击标签时如何选中复选框

时间:2012-07-24 13:53:46

标签: html

假设我有一个复选框控件和一个标签。

我想要做的是当我点击标签然后复选框应该被检查。

我们如何做到这一点?我知道这是一个纯粹的HTML问题。我在说(gmail,facebook)

中看过这个

以下是fiddle

4 个答案:

答案 0 :(得分:8)

for属性添加到您的标签,并将id添加到复选框 - http://jsfiddle.net/k8Cgm/2/

<label for="chk">I am a checkbox</label>
<input name="chk" id="chk" type="checkbox" value="some" />

答案 1 :(得分:7)

您必须为复选框设置id,然后在标签的for属性中引用它。

<input id="chk" name="chk" type="checkbox" value="some" />
<label for="chk">I am a checkbox</label>

答案 2 :(得分:2)

只需将for参数添加到标签中,并将id添加到input-tag。

查看您的示例:jsFiddle

答案 3 :(得分:0)

您不能将标签引用到没有ID的输入,也不能添加要引用的内容。您必须将ID添加到标签中的输入和引用者。您可以在此处查看更新示例:

http://jsfiddle.net/k8Cgm/3/


了解更多信息:http://www.w3schools.com/tags/tag_label.asp