jquery - 取消选中所有具有相同类的复选框

Question

我有一个脚本可以检查所有具有相同类的复选框。

但是，我设置了取消选中所有不起作用的条件。

这是我的代码

function check_all() {
    if ($('#all_check').prop("checked")) {
        $('.chk').prop("checked", "true");
    } else {
        $('.chk').prop("checked", "false");
    }
}

线路$('.chk').prop("checked", "false");有问题，但我找不到。

只有这部分代码不起作用。

Answer 1

true只需删除和周围的引号false。它们是数据类型而不是字符串。

function check_all() {
    if ($('#all_check').prop("checked")) {
        $('.chk').prop("checked", true);

    } else {
        $('.chk').prop("checked", false);

    }
}

Answer 2

我在您的代码中看到的唯一问题是true和false

function check_all() {
  if ($('#all_check').prop("checked")) {
    $('.chk').prop("checked", true);
  } else {
    $('.chk').prop("checked", false);
  }
}

您也可以简化如下，

function check_all() {
  $('.chk').prop("checked", $('#all_check').prop("checked"));
}

因为$('#all_check').prop("checked")返回要么true要么false。所以这将被设置为checked具有类的复选框的属性.chk

Answer 3

这会做

function check_all() {
     $('.chk').prop("checked", $('#all_check').is(":checked"));
}

Answer 4

最短的方法：

function check_all() {
  $('.chk').prop( "checked", $('#all_check').is(":checked") );
}

Answer 5

True并且False应该是一个布尔值。prop您在函数中分配字符串值。

 $('.chk').prop("checked", true);
 $('.chk').prop("checked", false);

Answer 6

只需使用.attr()jQuery 中的函数即可

function checkall() {
    $('.chk').attr('checked', $('#all_check').is(':checked'));
}

Answer 7

你不需要"".pass 布尔值

$('.chk').prop("checked", true);
$('.chk').prop("checked", false);