jquery 1.6+ 获取checkbox的checked属性总是checked

最新推荐文章于 2021-08-06 11:32:29 发布

maxiaokun55

最新推荐文章于 2021-08-06 11:32:29 发布

阅读量568

点赞数

分类专栏：前端项目开发技巧文章标签： jquery checkbox

前端项目开发技巧专栏收录该内容

2 篇文章 0 订阅

订阅专栏

项目中用的jquery1.9 今天需要检测一个checkbox的选中状态，想当然的用 .attr("checked") ，结果发现，无论是否选中，这个值都是 undefined 未定义。

折腾了半天，无奈，只能取jq官网看看文档，发现有这么一段说明

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop()method.

注意最后两句话，说什么.attr() 不能用于普通对象，数组，窗口，文档什么玩意的，要重新获取改变dom属性，用.prop()方法。

ok，虽然不太明白它说的具体含义是什么，但是看到.prop方法姑且一试吧，结果还真可以，若选中则返回true否则返回false。

代码贴上来，有兴趣可自行测试：

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
    <head>
 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
 
        <script>
 
            $(function(){
 
                $("#clk").click(function(){
 
                    alert($("#ckb").prop("checked"));
 
                })
 
            })
 
        </script>
 
    </head>
 
    <body>
 
        <input type="button" value="click" id="clk">
 
        <input type="checkbox" id="ckb"/>