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 document.compatMode兼容性
Feb 23 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
JavaScript数组操作详解
Feb 04 Javascript
jQuery异步提交表单实例
May 30 jQuery
小程序实现搜索框
Jun 19 Javascript
js实现盒子移动动画效果
Aug 09 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
通过原生vue添加滚动加载更多功能
2019/11/21 Javascript
react 生命周期实例分析
2020/05/18 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
python访问sqlserver示例
2014/02/10 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
python中partial()基础用法说明
2018/12/30 Python
python字符串反转的四种方法详解
2019/12/02 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
Pandas替换及部分替换(replace)实现流程详解
2020/10/12 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
教学实习自我评价
2014/01/28 职场文书
中学生家长评语大全
2014/04/16 职场文书
个人担保书格式范文
2014/05/12 职场文书
2015中学学校工作总结
2015/07/20 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
Python实现文字pdf转换图片pdf效果
2022/04/03 Python