选中所有复选框在 Javascript 中第二次不起作用答案

【问题标题】：Check all check box does not works the second time in Javascript选中所有复选框在 Javascript 中第二次不起作用
【发布时间】：2013-06-12 07:50:01
【问题描述】：

检查所有复选框第一次检查和取消检查很好，但第二次没有。代码如下

HTML

<th align="left" width="25" style="color:#FFF; background-color:#3A4048">
    <%= check_box_tag "select_all" %>
</th>

JQUERY

$("#select_all").click(function () {
    $('td input[type=checkbox]').attr('checked', this.checked);
});

谁能帮我解决这个问题

【问题讨论】：

【解决方案1】：

.prop() 优先于 .attr() 用于选中的属性。 .change() 事件也更适合复选框。

$("#select_all").change(function () {
    $('td input[type=checkbox]').prop('checked', $(this).prop('checked'));
});

【讨论】：

【解决方案2】：

试试这个：

$(function () {
    $("#select_all").click(function () {
        $('input[type=checkbox]').prop('checked', $(this).prop('checked'));
    });
});

【讨论】：

【解决方案3】：

使用$(this).prop('checked') 最新jQuery Code。

$("#select_all").click(function () {
    $('td input[type=checkbox]').prop('checked', $(this).prop('checked'));
});

【讨论】：

【解决方案4】：

$("#select_all").bind('click',function () {
    $('td input[type=checkbox]').attr('checked', this.checked);
});

【讨论】：