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 24 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 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
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
探讨file_get_contents与curl效率及稳定性的分析
2013/06/06 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
toString()一个会自动调用的方法
2010/02/08 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
Vue表单类的父子组件数据传递示例
2018/05/03 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
javascript开发实现贪吃蛇游戏
2020/07/31 Javascript
Python3实现生成随机密码的方法
2014/08/23 Python
自己使用总结Python程序代码片段
2015/06/02 Python
python一键升级所有pip package的方法
2017/01/16 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python turtle 绘制太极图的实例
2019/12/18 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
业务经理岗位职责
2013/11/11 职场文书
煤矿班组长岗位职责
2013/12/29 职场文书
高中军训感言200字
2014/02/23 职场文书
《掌声》教学反思
2014/02/23 职场文书
合作协议书格式
2014/08/19 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
务工证明怎么写
2015/06/18 职场文书
初中语文教学研修日志
2015/11/13 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android