jQuery获取选中单选按钮radio的值


Posted in Javascript onDecember 27, 2016

  实例1:

<div id="wrap">
  <input type="radio" name="payMethod" value="1" />男
  <input type="radio" name="payMethod" value="2" />女
</div>

获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');

获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

实例2:

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值

2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值

3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码:

1、

$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');

差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

$('input[name="testradio"]').each(function(){2.alert(this.value);3.});

如果要取具体某个radio的值,比如第二个radio的值,这样写

$('input[name="testradio"]:eq(1)').val()

以上所述是小编给大家介绍的jQuery获取选中单选按钮radio的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 #Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 #Javascript
TypeScript学习之强制类型的转换
Dec 27 #Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 #Javascript
详解js的六大数据类型
Dec 27 #Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 #Javascript
谈谈第三方App接入微信登录 解读
Dec 27 #Javascript
You might like
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
一个用php3编写的简单计数器
2006/10/09 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
jQuery之网页换肤实现代码
2011/04/30 Javascript
通过Jquery的Ajax方法读取将table转换为Json
2014/05/31 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
2017/03/08 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
2017/06/16 jQuery
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
Python时间戳使用和相互转换详解
2017/12/11 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
浅析NumPy 切片和索引
2020/09/02 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
美国Curacao百货连锁店网站:iCuracao.com
2019/07/20 全球购物
10条PHP编程习惯
2014/05/26 面试题
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
什么是测试驱动开发(TDD)
2012/02/15 面试题
《雾凇》教学反思
2014/02/17 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
毕业实习计划书
2015/01/16 职场文书
答辩状格式范本
2015/05/22 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript