JQuery判断radio（单选框）是否选中和获取选中值方法总结

最新推荐文章于 2024-06-11 10:54:21 发布
最新推荐文章于 2024-06-11 10:54:21 发布
阅读量4.7k 收藏 7
点赞数 5
文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37647812/article/details/132247207
版权
文章介绍了如何使用jQuery判断单选按钮是否选中，获取选中值，以及操作单选按钮的选中状态，包括设置和取消选中。
摘要由CSDN通过智能技术生成

        使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等，详细如下：

一、利用获取选中值判断选中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
<script type="text/javascript" language="javascript">
 /*------判断radio是否有选中，获取选中的值--------*/
    $(function(){
         $("#btnSubmit").click(function(){
            var val=$('input:radio[name="sex"]:checked').val();
            if(val==null){
                alert("什么也没选中!");
                return false;
            }else{
                alert(val);
            }
            var list= $('input:radio[name="list"]:checked').val();
            if(list==null){
                alert("请选中一个!");
                return false;
            }else{
                alert(list);
            }           
         });
     });
</script>
</head>
 
<body>
<form id="form1" >
<input type="radio"  name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio"  name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit"  id="btnSubmit" />
</form>
</body>
</html>

2、使用checked属性判断选中

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

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

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

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

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

5、设置单选按钮被选中

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

6、取消radio选中

$('input[name=items].removeAttr("checked");

$('input[name=items].attr("checked",false);

magic33416563
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jquery中radio checked问题
12-01
今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案，谢谢这位朋友 // $(“#ISOK1”).checked = “checked”; // $(“#ISOK1”).attr(“checked”, true); //$(“#Radio1”).attr(“checked”, true); // $(“#Radio1”).checked = “checked”; $(“#ISOK1”)[0].checked = true; 另外感谢另外一位网友告诉我 如果是用jquery1.9以后版本，attr应该不管用了，要用$(this).prop(“checked”, true)
java 单选框判断显示_JQuery判断radio单选框是否选中并获取值的方法
weixin_35284593的博客
02-28 438
一、设置选中方法代码如下:$("input[name='名字']").get(0).checked=true;$("input[name='名字']").attr('checked','true');$("input[name='名字']:eq(0)").attr("checked",'checked');$("input[name='radio_name'][checked]").val(); ...
JQuery radio（单选按钮）操作方法汇总
最新发布
lx_mai的专栏
06-11 858
注：attr(“checked”,’checked’)= attr(“checked”, ‘true’)= attr(“checked”, true)如删除第3个Radio:$(“input:radio”).eq(2).remove();5.根据Value值设置Radio为选中值。6.删除Value值为rd2的Radio。2.点击按钮的时候获取id。7.删除第几个Radio。
用户注册，邮箱激活(1)，web前端开发如何自学
2401_84092666的博客
04-06 683
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。我觉得成年人，何必做选择题呢，两个都要。
JQuery判断radio是否有选中，获取选中的值
06-29
Jquery判断radio是否有选中，获取选中的值, 测试有效。兼容各浏览器。非常好用。
jquery怎么判断radio是否选中
fef647的博客
02-10 687
jquery判断radio是否选中的方法：1、利用获取选中值判断选中；2、使用checked属性判断选中；3、 jquery获取radio单选按钮的值；4、设置单选按钮被选中。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery判断radio是否选中的方法： 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
使用jquery获取单选radio的值
weixin_34088583的博客
03-08 508
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<...
Jquery 获取 radio选中值 20111215【转】
Chico_Lee 的专栏
12-15 1609
随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。 Radio        1.获取选中值，三种方法都可以： $(...
JQuery判断radio单选框是否选中并获取值的方法
12-10
本文将详细介绍如何使用jQuery判断radio单选框是否选中以及如何获取其值。 首先，让我们来看如何设置单选按钮的选中状态： 1. 使用`.checked`属性： ```javascript $("input[name='名字']").get(0).checked = ...
jQuery中如何判断radio选中（4种方法）
11-03
jQuery中如何判断radio选中，这里共有4中方法来实现。
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
10-24
在JavaScript的库jQuery中，处理HTML表单元素如radio、select和checkbox的选中状态以及获取它们的选中值是常见的需求。以下是一些简洁直接的方法总结，供开发者参考。 对于`radio`单选按钮，要获取选中值，可以使用...
jquery如何使用正则
nana837的博客
03-02 176
jquery正则使用的方法：1、用户密码，代码为【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】；2、邮件，代码为【/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/】。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery正则使用的方法： 1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+
jquery判断radio是否选中
咔咔咔咔
06-17 499
在jquery1.7.1中，判断radio是否选中可以用下面的方法：var val = $("#id :radio:checked").val(); if(val == null){ alert("未选择"); }else{ ... }需要注意的是#id :radio:checked中id后必须是空格，而且:checked和raido不能有空格。
使用jquery获取radio的值,
心若动、泪千行
06-06 1028
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项： 1.inputtype="radio"name="testradio"value="jquery获取radio的值"/>jquery获取radio的值br /> 2.inputtype="r
JQuery判断radio是否选中，获取选中值
weixin_30457065的博客
07-30 789
/*---------------------------JQuery判断radio是否选中，获取选中值----------------------------------*/ 其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...
JQuery判断radio单选框是否选中
u014752421的博客
07-31 1235
摘要 在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断 raido checkbox Jquery Js 在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断： Jquery版本，请确保你已经导入jquery：
01-JQuery判断radio是否选中，获取选中值
高调做事，低调做人！
12-05 1084
JQuery判断radio是否选中，获取选中值 /*---------------------------JQuery判断radio是否选中，获取选中值----------------------------------*/ 其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包 DOCTYPE html PUBLIC
判断单选框是否被选中 jquery
06-09
使用 jQuery 判断单选框是否被选中也非常简单，可以通过以下代码实现： ```html <input type="radio" id="radio" name="gender" value="male"> <label for="radio">Male</label> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> const radio = $('#radio'); if (radio.is(':checked')) { console.log('单选框被选中'); } else { console.log('单选框未被选中'); } </script> ``` 代码解释： 1. 引入 jQuery 库。 2. 使用 `$` 或 `jQuery` 函数获取单选框的 jQuery 对象。 3. 使用 `is(':checked')` 方法判断单选框是否被选中，该方法返回值为布尔类型。 注意：这里需要确保 jQuery 库已经被正确引入。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

magic33416563

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值