将复选框设置为已选中状态,使用jQuery

发布时间 2023-10-15 23:31:31作者: 小满独家

内容来自 DOC https://q.houxu6.top/?s=将复选框设置为已选中状态,使用jQuery

我想使用jQuery来选中一个复选框,就像这样:

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

或者

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

有这样的方法吗?


现代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.5.x到1.6之间对checked属性/属性处理更改的更多上下文,可以在1.6版本发布说明.prop()文档Attributes vs. Properties部分找到一些不完整的讨论。