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 相关文章推荐
利用js跨页面保存变量做菜单的方法
Jan 17 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 Javascript
react路由配置方式详解
Aug 07 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
tweenjs缓动算法的使用实例分析
Aug 26 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php计算一个文件大小的方法
2015/03/30 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
PHP清除缓存的几种方法总结
2017/09/12 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
window.dialogArguments 使用说明
2011/04/11 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
2016/02/21 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
NodeJS收发GET和POST请求的示例代码
2017/08/25 NodeJs
在vue 中使用 less的教程详解
2018/09/26 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
Python实现二叉搜索树
2016/02/03 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
python 调用c语言函数的方法
2017/09/29 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
python交易记录链的实现过程详解
2019/07/03 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
pandas 数据类型转换的实现
2020/12/29 Python
2014庆六一活动方案
2014/03/02 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
门店店长岗位职责
2015/04/14 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书