jQuery获取元素属性值为undefined_jquery undefine-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_52803209/article/details/126877691

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

<!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>