如果在标签上单击鼠标,如何选中复选框

时间:2013-01-09 10:06:26

标签: jquery asp.net

我有一个标签名称为lblName,一个复选框名称为chkId。如果我点击lblName然后我想要检查chkId的值。为此,我使用以下代码,但它不起作用。

<!DOCTYPE html>
<html>
<head>
<script>
 $(document).ready(function() {

$("[#name]").click(function() {
    $('#' + $(this).attr("chkId")).prop('checked',      
 function(i, oldVal) { return !oldVal; });
});

});
</script>
</head>

 <body>
<label id="lblName" runat= "server">Name</label>
<asp:CheckBox ID="="chkId" runat="server"/></body>
</html>

有什么想法吗?

4 个答案:

答案 0 :(得分:4)

此功能不需要javascript。试试这个:

<asp:Label AssociatedControlID="CheckBox1" runat="server">Name</asp:Label>
<asp:CheckBox ID="CheckBox1" runat="server"/>

答案 1 :(得分:2)

您不需要任何javascript - 将复选框放在label元素中。然后,当单击标签时,浏览器将检查控件。

<label id="lblName" runat= "server">
    Name
    <asp:CheckBox ID="chkId" runat="server"/>
</label>

此外,您的示例中似乎存在大量语法错误 - 这些只是拼写错误吗?

答案 2 :(得分:0)

这里似乎有错误:

<asp:CheckBox ID="="chkId" runat="server"/></body>

删除="

答案 3 :(得分:0)

<script type="text/javascript">

$(document).ready(function() {

$("#lblName").click(function() {
    $('#chkId').prop('checked',true);
});

});

</script>