取消選中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