取消選擇一個複選框

Question

我不知道爲什麼，但由於某種原因，當我點擊一個td，其複選框已經被選中時，它不會取消選擇它。

$('table tr').click(function() { 

    checkBox = $(this).children('td').children('input[type=checkbox]'); 

    if(checkBox.attr('checked')) 
     checkBox.attr('checked', ''); 
    else 
     checkBox.attr('checked', 'checked'); 
}); 

Answer 1

你想：

if(checkBox.attr('checked')) 
     checkBox.removeAttr('checked'); 
    else 
     checkBox.attr('checked', 'checked'); 

Answer 2

如果你正在使用jQuery V1.6，你應該使用.prop()

if(checkBox.prop('checked')) 
    checkBox.prop('checked', false) 
else 
    checkBox.prop('checked', true);