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

2022-08-29 21:44:20

我想做这样的事情来勾选一个使用jQuerycheckbox

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

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

这样的事情存在吗?


答案 1

现代 jQuery

使用 .prop()

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

多姆接口

如果您只使用一个元素,则始终可以访问底层 HTMLInputElement 并修改其 .check 属性

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

使用 and 方法而不是这样做的好处是,它们将对所有匹配的元素进行操作。.prop().attr()

jQuery 1.5.x 及更低版本

该方法不可用,因此您需要使用 .attr()。.prop()

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

请注意,这是jQuery在1.6版之前的单元测试使用的方法,并且比使用更可取,因为如果最初选中该框,后者将在包含它的任何表单上更改对.reset()的调用的行为 - 这是一个微妙但可能不受欢迎的行为变化。$('.myCheckbox').removeAttr('checked');

有关更多上下文,可以在版本 1.6 发行说明和 .prop() 文档的属性与属性部分中找到有关从 1.5.x 过渡到 1.6特性/属性的更改的一些不完整的讨论。checked


答案 2

用:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果您想检查复选框是否已选中:

$('.myCheckbox').is(':checked');