JQuery判断radio是否选中，获取选中值

最新推荐文章于 2024-06-11 10:54:21 发布
最新推荐文章于 2024-06-11 10:54:21 发布
阅读量789 收藏
点赞数 1
分类专栏： web前端阶梯 文章标签： jquery css web前端

/*---------------------------JQuery判断radio是否选中，获取选中值----------------------------------*/

其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包



<!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" src="jquery-1.2.6.min.js"  language="javascript"> </script>
<script type="text/javascript" language="javascript">


 /*------判断radio是否有选中，获取选中的值--------*/


    $(function(){
alert("什么也没选中!");
         $("#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> 


原文链接：http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.html


效果如图：


兜老底
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery判断radio（单选框）是否选中和获取选中值方法总结
weixin_30614587的博客
05-27 683
篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: <!DOCTYPE ht...
jquery如何使用正则
nana837的博客
03-02 171
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（单选按钮）操作方法汇总
最新发布
lx_mai的专栏
06-11 605
注：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。
使用jquery获取单选radio的值
weixin_34088583的博客
03-08 506
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<...
jQuery 取选中的radio的值方法和遍历radio
caishijian2008的专栏
12-25 1018
【代码】jQuery 取选中的radio的值方法和遍历radio。
html 获取当前radio的选中值，并动态获取radio的切换值
q8688的博客
11-29 2022
当 radio 元素的值发生变化时，监听器会执行一个函数，该函数获取选中的 radio 元素的值，并输出它。方法选择具有选中状态的 radio 元素，然后获取它的值。要在这段 HTML 代码中动态获取 radio 的值，你可以使用 JavaScript 的。要获取这段 HTML 代码中 radio 的值，你可以使用 JavaScript 的。方法来选择具有选中状态的 radio 元素，然后获取它的值。方法获取所有 radio 元素，然后为每个 radio 元素添加。在这个示例中，我们使用。
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
12-12
- **判断是否选中并获取选中值**： ```javascript function checkradio() { var item = $(':radio:checked'); var len = item.length; if (len > 0) { alert("yes–选中的值为：" + $(':radio:checked').val...
JQuery判断radio是否有选中，获取选中的值
06-29
下面是一个简单的示例，展示如何使用jQuery判断单选按钮是否被选中并获取选中值： ```javascript // 获取所有同名的单选按钮 var radioButtons = $('input[name="yourRadioGroupName"]'); // 检查是否至少有一个被...
Jquery 获取 radio选中值
BlankTe的博客
07-31 1035
Radio 1.获取选中值，三种方法都可以： (‘input:radio:checked′).val()；(‘input:radio:checked’).val()； (“input[type=’radio’]:checked”).val(); $(“input[name=’rd’]:checked”).val();2.设置第一个Radio为选中值： (‘input:radio:
jquery判断单选按钮radio是否选中的方法
weixin_34405354的博客
11-20 236
  JQuery控制radio选中和不选中方法总结 一、设置选中方法 复制代码代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true');$("input[name='名字']:eq(0)").attr("checked",'checked'); $("input...
使用jquery获取radio的值,
心若动、泪千行
06-06 1023
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项： 1.inputtype="radio"name="testradio"value="jquery获取radio的值"/>jquery获取radio的值br /> 2.inputtype="r
jquery 提取选中的radio的值
花木兰
10-19 9252
源代码： &lt;div class="panel" style="border:0"&gt; &lt;div class="col-md-12" style="margin-top: 1em;margin-bottom: 2em;"&gt; &lt;div class="col-md-3"&gt;
jQuery 判断radio和select是否选中并获取值
Bruce_Json的博客
03-10 364
在线引用jQuery &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;input type="radio" name="regType" value="teacher"&gt; &lt;input type="radio" na
Hprose 和 Yar 的性能比较
weixin_34389926的博客
06-10 630
为什么80%的码农都做不了架构师？>>> ...
jQuery,获取被选中radio的value值
热门推荐
qq_39822451的博客
09-18 3万+
<input type="radio" name="address" value="0" /> <input type="radio" name="address" value="1" /> <input type="radio" name="address" value="2" /> jQuery中 : var addressID = $("inp...
Jquery获取一组Radio的选中值
lingxyd 的专栏
01-10 1万+
在网上看了很多，都不能成功获得。 最终找到了正确的写法： var type = $("input[name='items']:checked").val() 特此备注
Tkinter 创建多选框 获取选中值 并弹窗显示选中值
03-31
以下是一个 Tkinter 多选框示例，它可以获取选中值，并在弹窗中显示选中值： ```python import tkinter as tk from tkinter import messagebox class CheckBoxDemo(tk.Frame): def __init__(self, master): ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值