枫之谷

这个人很懒,但还是想留下些什么东西。

jQuery 判断及修改 checked 状态的方法

表单中经常需要使用单选框或多选框来让用户选择,而我们经常使用 jQuery 来判断或改变选项中 checked 的状态,但是由于 jQuery 版本不同,判断的方法也不太一样,这个坑点在这里记录一下。

1
2
3
.attr("checked"): //1.6+返回:"checked"或"undefined"; 1.5 以下返回:true/false
.prop("checked"): //1.6+: true/false
.is(":checked"): //所有版本:true/false,注意冒号

jQuery 赋值 checked 的几种写法:

所有的 jQuery 版本都可以这样赋值:

1
2
$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);

jquery1.6+: prop 的 4 种赋值:

1
2
3
4
5
6
$("#cb1″).prop("checked", true);  
$("#cb1″).prop({ checked: true });
$("#cb1″).prop("checked", function() {
return true; //函数返回 true 或 false
});
$("#cb1″).prop("checked", "checked");
请作者恰一杯奶茶如何~
  • 本文作者: Duang
  • 本文链接: https://zakum.cn/posts/634e/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-ND 许可协议。转载请注明出处!

欢迎关注我的其它发布渠道