使用jQuery为复选框设置“选中”
2022-08-29 21:44:20
我想做这样的事情来勾选一个使用jQuery:checkbox
$(".myCheckBox").checked(true);
或
$(".myCheckBox").selected(true);
这样的事情存在吗?
我想做这样的事情来勾选一个使用jQuery:checkbox
$(".myCheckBox").checked(true);
或
$(".myCheckBox").selected(true);
这样的事情存在吗?
使用 .prop()
:
$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
如果您只使用一个元素,则始终可以访问底层 HTMLInputElement
并修改其 .check 属性
:
$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;
使用 and 方法而不是这样做的好处是,它们将对所有匹配的元素进行操作。.prop()
.attr()
该方法不可用,因此您需要使用 .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
用:
$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);
如果您想检查复选框是否已选中:
$('.myCheckbox').is(':checked');