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 相关文章推荐
最简单的jQuery程序 入门者学习
Jul 09 Javascript
Javascript的闭包
Dec 31 Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
Apr 23 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
详解JSON.stringify()的5个秘密特性
May 26 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
phpinfo的知识点总结
2019/10/10 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
JavaScript实现瀑布流布局
2020/06/28 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
理论讲解python多进程并发编程
2018/02/09 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python笔记之工厂模式
2019/11/20 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python多维数组分位数的求取方式
2020/03/03 Python
python 异步async库的使用说明
2020/05/04 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
巴西女装购物网站:Eclectic
2018/04/24 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
大学生学习自我评价
2014/01/13 职场文书
学校安全检查制度
2014/01/27 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
小学教师节活动总结
2015/03/20 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
字节飞书面试promise.all实现示例
2022/06/16 Javascript