取消选中一个复选框

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