Jquery 判断 checked 是否选中

最新推荐文章于 2023-05-29 23:47:31 发布

Rkatsiteli

最新推荐文章于 2023-05-29 23:47:31 发布

阅读量8.1k

点赞数 1

分类专栏： JavaScript + JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_16559905/article/details/51260226

版权

JavaScript + JQuery 专栏收录该内容

42 篇文章 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升级的时候要注意这点！

参考文献： http://hxq0506.iteye.com/blog/1046334

Rkatsiteli

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
4
评论
Jquery 判断 checked 是否选中

如果要判断Js中的 checked 是否选中，首先取决于你引用的 Jquery 的版本。首先，我引用的是 jQuery v1.11.2 的版本出现的效果如下：（建议：选用 jquery-1.8.3.min.js 会比较稳定点）<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></tit
复制链接

扫一扫