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

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

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

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

这样的事情存在吗？

当前回答

$('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});

其他回答

对于jQuery 1.6+

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

对于jQuery 1.5.x及以下版本

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

为了检查，

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

选中和取消选中

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

你可以的

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

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

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

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

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

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

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

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

这将选择具有指定属性且值包含给定子字符串“ckbItem”的元素：

$('input[name *= ckbItem]').prop('checked', true);

它将选择名称属性中包含ckbItem的所有元素。

现代jQuery

使用.prop（）：

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

DOM API

如果您只使用一个元素，则始终可以访问基础HTMLInputElement并修改其.checked属性：

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

使用.prop（）和.attr（）方法代替此方法的好处是，它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下版本

.prop（）方法不可用，因此需要使用.attr（）。

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

注意，这是jQuery在1.6版之前的单元测试所使用的方法，比使用$（'.myCheckbox'）.removeAttr（'checked'）更可取；因为如果最初选中了该框，则后者会改变对.reset（）的调用在任何包含它的表单上的行为，这是一种微妙但可能不受欢迎的行为改变。

有关更多上下文，在1.6版发行说明和.prop（）文档的Attributes vs.Properties（属性与财产）部分中，可以找到一些关于从1.5.x到1.6的转换中对选中属性/属性的处理所做更改的不完整讨论。

推荐文章