jQuery Selector

Question

꽤 간단한 문제라고 생각합니다.

큰 테이블이 있습니다. 각 행에는 두 개의 확인란이 있습니다. 하나가 선택되어 있다면 같은 행에있는 다른 체크 박스의 속성을 체크하기를 원합니다.

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
$(".BookTable input[name=attended]").click(function() { 

    if ($(this).attr("checked") == true) 
    { 
     $("input").parent().parent("input[name=attended]").attr("checked","yes"); 
    } 
});  
}); 
</script> 

<table class="BookTable adj-table"> 
<tr> 
<td>Joe</td> 
<td>Bloggs</td> 
<td><input name="booking" id="booking" type="checkbox" value="1" /></td> 
<td><input name="attended" id="attended" type="checkbox" value="1" /></td> 
</tr> 
<tr> 
<td>Dave</td> 
<td>Smith</td> 
<td><input name="booking" id="booking" type="checkbox" value="1" /></td> 
<td><input name="attended" id="attended" type="checkbox" value="1" /></td> 
</tr> 
</table> 

My Code on Paste Bin

지금까지 나는 단지 모든 체크 박스를 선택을 얻을 수가 있습니다.

Answer 1

$(".BookTable :checkbox").click(function(){ 
    if ($(this).is(":checked")) 
     $(this).parents("tr").find(":checkbox").attr("checked", "checked"); 
    else 
     $(this).parents("tr").find(":checkbox").removeAttr("checked"); 
}); 

Answer 2

이 같은 내부 <tr> 다음 .find() 입력까지 이동 .closest()를 사용할 수 있습니다

$(".BookTable :checkbox").change(function() { 
    $(this).closest("tr").find(":checkbox").attr("checked", this.checked); 
}); 

You can test it out here합니다. 당신은 같은 이름을 가진 두 개의 아이디의를 가질 수 없습니다

$(".BookTable :checkbox").change(function() { 
    if(this.checked) 
    $(this).closest("tr").find(":checkbox").attr("checked", true); 
}); 

Answer 3

당신이 그들을 클래스

해야한다 : 당신은 확인하지만 다른 선택을 취소 확인하고 싶은 경우에, 다만 if() like this 거기에 추가