javascript - 使用 jQuery 为复选框设置 "checked"

Question

我想做这样的事情来使用 jQuery 勾选 checkbox:

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

或

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

这样的事情存在吗？

Answer 1

现代 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.x 到 1.6 的转换中 checked 属性/属性的处理更改的一些不完整讨论可以在 version 1.6 release notes 中找到。以及 .prop() documentation 的 属性与属性 部分.