javascript - 选中所有复选框在 Javascript 中第二次不起作用

Question

选中所有复选框第一次检查和取消选中，但不是第二次。代码如下

HTML

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

查询

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

任何机构都可以帮我解决问题吗

score 2 · Accepted Answer

.prop()首选.attr()用于检查的属性。此外，该.change()事件更适合复选框。

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

score 1 · Accepted Answer

尝试这个：

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

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

4 回答 4