木子屋
 

标题: jQuery不同版本判断checkbox是否选中方法比较

作者: dnawo

日期: 2013-09-11 01:33 PM

分类: 脚本语言

内容: 早前一直用下边方法判断checkbox是否选中：
复制内容到剪贴板 程序代码if ($(elem).attr("checked") == true) {
    //...
}
但从jQuery1.6开始这个方法不好用，下边是jQuery两个版本获取checkbox的checked属性值比较：
jQuery1.5.2：
jQuery1.6.0：
在官方文档中有如下说明：
引用内容As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.
也就是说，从1.6开始，attr方法获取checkbox的checked属性值只有undefined和checked，所以，从1.6开始判断checkbox是否选中要用以下方法：
复制内容到剪贴板 程序代码if ($(elem).attr("checked") == "checked") {
    //...
}
//or
if ($(elem).prop("checked") == true) {
    //...
}
其实，我们还有其他方法来判断checkbox是否选中，以下方法在jQuery各版本都适用，推荐使用：
复制内容到剪贴板 程序代码if ($(elem).is(":checked")) {
    //...
}
参考资料
[1].attr方法：http://api.jquery.com/attr/
[2].jQuery1.5.2：http://code.jquery.com/jquery-1.5.2.min.js
[3].jQuery1.6.0：http://code.jquery.com/jquery-1.6.min.js

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.586 ms

标题: jQuery不同版本判断checkbox是否选中方法比较

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.586 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.602 ms