radio 判断一个元素是否被选中

最新推荐文章于 2023-03-19 12:18:43 发布

无盐海

最新推荐文章于 2023-03-19 12:18:43 发布

阅读量4.9k

点赞数

分类专栏： JQuery HTML-XML

本文链接：https://blog.csdn.net/fanbin168/article/details/51833151

版权

JQuery 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

HTML-XML

23 篇文章 0 订阅

订阅专栏

选中有一个elem元素,现在判断它是否被选中，之前我们使用的是 $(elem).atter("checked") 可是有时候不管用。后来使用这种方式就可以了

如果被选中则返回true，未被选中则返回false

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-1.10.2.js"></script>
</head>
<body>
    <div>
        <input type="radio" name="fruit" value="苹果" />苹果
        <input type="radio" name="fruit" value="橘子" />橘子
        <input type="radio" name="fruit" value="香蕉" />香蕉
        <button οnclick="fun.CheckSelectItem()">提交</button>
    </div>
</body>
</html>
<script type="text/javascript">
    var fun = {
        CheckSelectItem: function () {
            $.each($("input[name=fruit]"), function (key, element) {
                //使用prop("checked")检查element这个元素是否被选中，如果被选中则返回true，未被选中则返回false
                if ($(element).prop("checked")) { // $(element)是将element这个元素转化为jquery元素
                    alert("您的选中项是：" + element.value);
                }
            })
        }
    }
</script>

//$("input[ name = 'r1' ]:checked") 获取name属性为r1 且被选中的 input表单