Javascript 使用 jQuery 为复选框设置选中

发布于01月01日

我想用jQuery来打checkbox分:

$(".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);

请注意，这是the approach used by jQuery's unit tests prior to version 1.6，并且比使用$('.myCheckbox').removeAttr('checked');更可取，因为如果最初选中该框，则后者将在任何包含它的表单上将调用的行为更改为.reset()-这是一个细微但可能不受欢迎的行为变化.

关于更多的上下文，我们将不完整地讨论从1.5过渡到checked属性/属性的处理变化.x到1.6可以在.prop() documentation的version 1.6 release notes和Attributes vs. Properties部分找到.