取消选中td中的最后一个复选框以启用其他复选框

Question

如何使其工作？当Bar未选中时，其他人在每个td中输入复选框remove已禁用？我是一个初学者jQuery的:)

原来的代码是从 Original code

<table border="1" id="re"> 
    <tr> 
<td class="class1"><input type=checkbox disabled="disabled" value="ss"/>ss</td> 
<td class="class1"><input type=checkbox disabled="disabled" value="aa"/>aa</td> 
<td class="class1"><input type=checkbox disabled="disabled" value="dd"/>dd</td><td class="class1"><input type=checkbox checked="checked" value="bar"/>Bar</td></tr> 

    <tr> 
<td class="class1"> 
    <input type=checkbox disabled="disabled" value="ss"/>ss</td><td class="class1"> 
    <input type=checkbox disabled="disabled" value="aa"/>aa</td><td class="class1"> 
    <input type=checkbox disabled="disabled" value="dd"/>dd</td><td class="class1"> 
     <input type=checkbox checked="checked" value="bar"/>Bar 
     </td></tr> 
    <tr> 
<td class="class1"> 
    <input type=checkbox disabled="disabled" value="ss"/>ss</td><td class="class1"> 
    <input type=checkbox disabled="disabled" value="aa"/>aa</td><td class="class1"> 
    <input type=checkbox disabled="disabled" value="dd"/>dd</td><td class="class1"> 
     <input type=checkbox checked="checked" value="bar"/>Bar 
     </td></tr> 
    </table> 

$('.class1 input:last-of-type').live('change', function() { 

var n = $(this).siblings('input:checkbox'); 
if (!$(this).attr('checked')) { 
    n.attr('disabled',false); 

} else { 

    n.attr('disabled', true); 
} 
}); 

Answer 1

尝试采取类似

$('table').on('click', 'input[value="bar"]', function(e){ 
    var $this = $(this); 
    var checked = $this.is(':checked'); 
    var others = $this.closest('tr').find('input:checkbox').not(this).prop('disabled', checked) 
    if(checked){ 
     others.prop('checked', false); 
    } 
}) 

演示：Fiddle