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层次选择器选择元素使用介绍
Apr 18 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
JS class语法糖的深入剖析
Jul 07 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
JavaScript File分段上传
2016/03/10 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
jQuery事件对象总结
2016/10/17 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
js消除图片小游戏代码
2019/12/11 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
在Python中使用cookielib和urllib2配合PyQuery抓取网页信息
2015/04/25 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
Python datetime 如何处理时区信息
2020/09/02 Python
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
项目负责人任命书
2014/06/04 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
Java8中接口的新特性使用指南
2021/11/01 Java/Android