jQuery获取元素属性值为undefined

最新推荐文章于 2022-09-23 12:04:10 发布

原创最新推荐文章于 2022-09-23 12:04:10 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JS jQuery 专栏收录该内容

1 篇文章

订阅专栏

该博客讨论了在jQuery中attr()和prop()方法的区别。当尝试获取或设置表单元素的属性，如checked、selected等，应当使用prop()而不是attr()。attr()适合用于处理一般的HTML属性，而prop()专门设计来处理表单属性。jQuery官方推荐使用prop()来操作具有真值假值的属性，因为attr()可能无法正确获取这些属性的状态。

问题

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="/js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $('input[type="radio"]').change(function(){
                var bool = $(this).attr("checked");
                //alert(typeof(this));
                alert(typeof(bool));
                if(bool){
                    $("p").text("你选择的是：" + $(this).val());
                }
            })
        })
    </script>
</head>
<body>
    <div>
        <label><input type="radio" name="fruit" value="苹果" />苹果</label>
        <label><input type="radio" name="fruit" value="香蕉" />香蕉</label>
        <label><input type="radio" name="fruit" value="西瓜" />西瓜</label>
    </div>
    <p></p>
</body>
</html>