使用jQuery为复选框设置“checked”

我想这样做，使用jQuery勾选复选框：

$(".myCheckBox").checked(true);

$(".myCheckBox").selected(true);

这样的事情存在吗？

当前回答

选中和取消选中

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

其他回答

纯JavaScript非常简单，开销也少得多：

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

此处的示例

如jQuery文档所述，请注意Internet Explorer 9之前的Internet Explorer内存泄漏：

在版本9之前的Internet Explorer中，使用.prop（）设置DOM元素属性设置为除简单基元值以外的任何值如果属性为在移除DOM元素之前未移除（使用.removeProp（））从文档中删除。在没有内存的情况下安全地设置DOM对象的值泄漏，请使用.data（）。

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

最后一个将激发复选框的单击事件，其他的则不会。因此，如果您在onclick事件中为要激发的复选框设置了自定义代码，请使用最后一个。

Use:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果要检查是否选中复选框：

$('.myCheckbox').is(':checked');

我无法通过以下方式实现：

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

true和false都会选中该复选框。对我有用的是：

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

推荐文章