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

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

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

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

这样的事情存在吗？

当前回答

这可能是最短、最简单的解决方案：

$(".myCheckBox")[0].checked = true;

$(".myCheckBox")[0].checked = false;

更短的是：

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

这里还有一个jsFiddle。

其他回答

我们可以使用elementObject和jQuery来检查属性：

$(objectElement).attr('checked');

我们可以在所有jQuery版本中使用它，而不会出现任何错误。

更新：Jquery 1.6+具有替换attr的新prop方法，例如：

$(objectElement).prop('checked');

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

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

如果您使用的是.prop（'checked'，true|false），并且没有更改复选框，则需要像这样添加触发器（'click'）：

// Check
$('#checkboxF1').prop( "checked", true).trigger('click');


// Uncheck
$('#checkboxF1').prop( "checked", false).trigger('click');

整体而言：

$("#checkAll").click(function(){
    $(".somecheckBoxes").prop('checked',$(this).prop('checked')?true:false);
});

你可以的

$('.myCheckbox').attr('checked',true) //Standards compliant

$("form #mycheckbox").attr('checked', true)

如果在onclick事件中有要激发的复选框的自定义代码，请改用此代码：

$("#mycheckbox").click();

可以通过完全删除该属性来取消选中：

$('.myCheckbox').removeAttr('checked')

您可以这样选中所有复选框：

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});

推荐文章