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利用初始化数据装配模版的实现代码
Nov 17 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
angular+webpack2实战例子
May 23 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
vue基础知识--axios合并请求和slot
Jun 04 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 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
一个基于PDO的数据库操作类
2011/03/24 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
jQuery 选择器用法实例分析【prev + next】
2020/05/22 jQuery
JavaScript实现五子棋小游戏
2020/10/26 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
Python 可爱的大小写
2008/09/06 Python
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
对python中return和print的一些理解
2017/08/18 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
乡镇干部十八大感言
2014/02/17 职场文书
春节晚会主持词
2014/03/24 职场文书
合伙协议书
2014/04/23 职场文书
入党综合考察材料
2014/06/02 职场文书
2014高考励志标语
2014/06/05 职场文书
庆国庆活动总结
2014/08/28 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
先进典型发言材料
2014/12/30 职场文书
投资申请报告
2015/05/19 职场文书