jquery如何判断单选框是否选中-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

jquery判断单选框是否选中的方法：1、使用checked属性判断选中，代码为【if ($(this).attr("checked")) {alert("选中了");}】；2、jquery获取radio单选按钮的值。

本教程操作环境：windows7系统、jquery3.2.1版本，Dell G3电脑。

推荐：jquery视频教程

jquery判断单选框是否选中的方法：

一、使用checked属性判断选中

radio不能用“checked”相等来判断，只用用true来判断

代码如下:

<script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html>

二、jquery获取radio单选按钮的值

代码如下:

1	`$("input[name='items']:checked").val();`

另：判断radio是否选中并取得选中的值

代码如下:

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--选中的值为："+$(":radio:checked").val());
}
}

三、获取一组radio被选中项的值

代码如下:

1	`var` `item = $('input[name=items][checked]').val();`

四、设置单选按钮被选中

代码如下:

1	`$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项`

相关免费学习推荐：js视频教程

以上就是jquery如何判断单选框是否选中的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » jquery如何判断单选框是否选中

jquery如何判断单选框是否选中

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论