Jquery 选择表中的所有复选框

Question

我有一个脚本应该检查表中的所有复选框。它第一次检查它们，之后取消检查它们。然而，当我尝试重新检查它们时，什么也没有发生。

jquery:

$('#selectAll').click(function(e){
    var table= $(e.target).closest('table');
    $('td input:checkbox',table).attr('checked',e.target.checked);
});

HTML:

<table>
    <tr>
        <th>
            <input type="checkbox" id="selectAll" />
        </th>
        <th>
            hi!
        </th>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="1"/>
        </td>
        <td>
            hi!
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="2"/>
        </td>
        <td>
            hi!
        </td>
    </tr>
</table>

这是行为的一个 fiddle :

http://jsfiddle.net/EEJrU/

为什么点击一次后不起作用？

Answer 1

您需要使用.prop()而不是.attr()

$('#selectAll').click(function(e){
    var table= $(e.target).closest('table');
    $('td input:checkbox',table).prop('checked',this.checked);
});

演示:Fiddle

Attributes vs. Properties