如何用jQuery设置复选框的选中状态

0 投票
最新提问 2月 28 分类:JavaScript | 用户: 点心 (280 分)

使用jQuery把复选框checkbox打钩:

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

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

这样做对吗?

1个回答

0 投票
最新回答 2月 28 用户: snow (470 分)

jQuery 1.6+

使用新.prop()方法:

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

jQuery 1.5.x及以下版本

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

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

请注意,这是jQuery1.6版本之前的单元测试使用的方法,建议使用

$('.myCheckbox').removeAttr('checked');

因为如果框最初被选中,后者将改变.reset()的行为。

对于更多上下文,checked在从1.5.x到1.6的转换中对属性/属性的处理的更改的一些不完整的讨论可以在版本1.6发行说明文档和.prop()文档的Attributes和Properties部分找到。

任何版本的jQuery

如果只有一个元素,总是可以只修改HTMLInputElement的.checked属性:

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

使用.prop()和.attr()方法的好处是它们将同时操作所有匹配的元素。

欢迎来到编程助手,编程方面有什么不懂的问题可以尽管在这里提问,你将会收到热心爱好者的回答。
...