复选框以选中网格视图中的所有复选框

Question

我编写了这个简单的代码来检查gridview 中的所有checkboxes

function chkFun() {
        if ($("#chkSelectAll").is(':checked')) {
            $("#grdSearchResults tr").each(function () {
                debugger
                var checkBox = $(this).find("input[id*='chkSelected']");
                $(checkBox).attr("checked", true);
            });
        }
        else {
            $("#grdSearchResults tr").each(function () {
                debugger
                var checkBox = $(this).find("input[id*='chkSelected']");
                $(checkBox).attr("checked", false);
            });
        }
    }

chkFun 将调用chkAll checkbox OnClicking.. 它在第一次[选择和取消选择] 时工作正常.. 之后它根本不工作而且我不知道为什么。

我尝试调试它，正如你在代码中看到的那样，它无处不在.. 但是这条线 $(checkBox).attr("checked", false); 在第一次之后没有做任何事情

Answer 1

使用.prop() 而不是attr()

function chkFun() {
    if ($("#chkSelectAll").is(':checked')) {
        $("#grdSearchResults tr").find("input[id*='chkSelected']").prop('checked', true);
    } else {
        $("#grdSearchResults tr").find("input[id*='chkSelected']").prop('checked', false);
    }
}

另外你不需要使用.each()，你可以一行选择所有

或者您可以将函数绑定到 chkSelectAll 并使用 cmets 中推荐的代码 Satpal 以使代码更短

$('#chkSelectAll').on('change', function () {
    $("#grdSearchResults tr").find("input[id*='chkSelected']").prop('checked', this.checked)
});