레이블을 마우스로 클릭하면 확인란을 선택하는 방법

레이블 이름이 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>

아이디어가 있으십니까?

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

당신은이 기능을 위해 자바 스크립트를 필요로하지 않는 ="

출처

2013-01-09 Raj

레이블의 ** for ** 속성을 사용하여 레이블을 지정할 수 있습니다. 당신은 자바 스크립트에 갈 필요가 없습니다. – Srinivas

는이에 대한 모든 자바 스크립트를 필요로하지 않음 - label 요소 내부에있는 체크 박스를 넣어. 그러면 브라우저는 레이블 자체가 클릭 될 때 컨트롤에 체크를 넣습니다.

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

예를 들어 많은 구문 오류가있는 것으로 보입니다. 단지 오타가 있습니까?

출처

2013-01-09 10:09:15

는 당신이 여기에 오류가있는 것 같다. 이 시도 :

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

출처

2013-01-09 10:08:11 GeorgesD

삭제 :

출처

2013-01-09 10:08:25 phnkha

<script type="text/javascript"> 

$(document).ready(function() { 

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

}); 

</script>

출처

2013-01-09 10:10:33

레이블을 마우스로 클릭하면 확인란을 선택하는 방법

답변

관련 문제