如何选中和取消选中 WebGrid 列中的所有复选框？

Question

是否有任何原因无法选中和取消选中复选框？如果我不触摸任何复选框，它会在按钮单击事件中选中和取消选中它们。如果我手动勾选了一个框，那么那个框就不会被修改，但是其余的会继续修改。

我该如何解决这个问题？

function checkAll() {
  $('#grid tbody tr').each(function () {
    if ($(this).find("td input[type=checkBox]").is(":checked")) {
      $(this).find("td input[type=checkBox]").removeAttr("checked");
      //$(this).find("td input[type=checkBox]").attr("checked", false); //also tried this
    }
    else {
      $(this).find("td input[type=checkBox]").attr("checked", true);
    }
  });
}

更新 1：

我做了额外的循环来遍历每个复选框，但仍然得到相同的结果。这是更新后的代码：

function checkAll() {
    var count = $('#grid tbody tr').length;
    $('#grid tbody tr').each(function () {
        $(this).find("td input[type=checkBox]").each(function () {
            if ($(this).is(":checked")) {
                $(this).attr("checked", false);
            }
            else {
                $(this).attr("checked", true);
            }
        })
    });
}

Answer 1

根据 https://api.jquery.com/attr/ 你不应该使用 attr 方法来选中和取消选中复选框，因为它指向 defaultChecked 属性并且应该只用于设置复选框的初始值。

可能是你的问题的原因，尝试使用 prop() 而不是 attr() (https://learn.jquery.com/using-jquery-core/faq/how-do-i-check-uncheck-a-checkbox-input-or-radio-button/)

如何选中和取消选中 WebGrid 列中的所有复选框？

How to check and uncheck all checkboxes in WebGrid column?

javascript

checkbox

webgrid