Jquery 判断 checked 是否选中

超、凢脫俗 2022-08-21 10:49 237阅读 0赞

如果要判断Js中的 checked 是否选中，首先取决于你 `引用` 的 Jquery 的版本。

首先，我引用的是 jQuery v1.11.2 的版本出现的效果如下：

（建议：选用 jquery-1.8.3.min.js 会比较稳定点）

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <input type="checkbox" name = "abc" id="aaa" />
        </body>
        <script src="build/jquery.min.js"></script>
        <script> $(function(){ //都是获取元素是否选中 alert( $("input[name='abc']:checked").val()); //undefined alert( $("input[name='abc'][checked]").val()); //undefined alert($("#aaa").attr("checked")); //undefined alert($(":checkbox:checked").checked) //undefined alert($("#aaa").prop("checked")); //true alert($(":checkbox").get(0).checked); //true }); </script>
    </html>

1、获取匹配集合中第一个元素的Property的值

.prop( propertyName )

2、 给匹配元素集合设定一个或多个属性

.prop( propertyName, value ) 
    .prop( map ) 
    .prop( propertyName, function(index, oldPropertyValue) )

**.prop()和 .attr()区别**

prop是Jquery 从1.6开始提供新的方法。

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()

那么，什么时候使用attr()，什么时候使用prop()？

1.添加属性名称该属性就会生效应该使用prop();
    
    2.是有true,false两个属性使用prop();
    
    3.其他则使用attr();

项目中jquery升级的时候要注意这点！

--------------------