jquery - 取消选中所有复选框，然后检查一些

Question

有没有办法在加载页面时取消选中页面上的所有复选框，然后如果其中一些被选中，则同时将其保存在变量中并使其选中。我试过这个

$('input[id^="chkbx_"]').prop("checked", false);

var a;
if ($("#chkbx_program_a").prop("checked")){
a= "true";
}else{
a= "false";
}

     $('#chkbx_program_b').prop('checked', a);
}
});

但仍然所有复选框都未选中。

Answer 1

我不明白为什么在检查#chkbx_program_a 时是否要检查#chkbx_program_b。如果你想这样做，那么你可以这样做。

$e = $("#chkbx_program_b").prop("checked",$("chkbx_program_a").prop("checked")); $('input[id^="chkbx_"]').not($e).prop("checked", false);

Answer 2

它不起作用的原因是程序逻辑的顺序错误。首先你取消选中所有复选框，然后检查其中一个是否被选中——当然不是，因为你只是取消选中它。您可以将保存其状态的部分移到开头，它会起作用，甚至更好：

$('input[id^="chkbx_"]').not("#chkbx_program_a").prop("checked", false);

这将取消选中除一个复选框之外的所有内容。