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 相关文章推荐
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JavaScript实现各种排序的代码详解
Aug 28 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
详解Webpack多环境代码打包的方法
Aug 03 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
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
sharp.js安装过程中遇到的问题总结
2020/04/02 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
在Django的模型中执行原始SQL查询的方法
2015/07/21 Python
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
Python实现购物车购物小程序
2018/04/18 Python
pycharm配置pyqt5-tools开发环境的方法步骤
2019/02/11 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
python3跳出一个循环的实例操作
2020/08/18 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
音乐专业应届生教师求职信
2013/11/04 职场文书
历史学专业推荐信
2013/11/06 职场文书
医院办公室主任职责
2013/12/29 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
推广普通话演讲稿
2014/05/23 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
家庭贫困证明
2014/09/23 职场文书
住房抵押登记委托书
2014/09/27 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
python的html标准库
2022/04/29 Python