取消选择一个复选框

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);