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 div 遮罩层封锁整个页面
Jul 10 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
Sep 17 Javascript
javascript实现tab切换特效
Nov 12 Javascript
Jquery promise实现一张一张加载图片
Nov 13 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
vue使用rem实现 移动端屏幕适配
Sep 26 Javascript
vue实现打地鼠小游戏
Aug 21 Javascript
electron踩坑之dialog中的callback解决
Oct 06 Javascript
浅谈js数组splice删除某个元素爬坑
Oct 14 Javascript
解决elementui表格操作列自适应列宽
Dec 28 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中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
javascript cookie操作类的实现代码小结附使用方法
2010/06/02 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JavaScript模拟数组合并concat
2016/03/06 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
python字典与json转换的方法总结
2020/12/28 Python
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
艺术用品:Arteza
2018/11/25 全球购物
尤为Wconcept中国官网:韩国设计师品牌服饰
2019/01/10 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
木工主管岗位职责
2013/12/08 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
高中生班主任评语
2014/04/25 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
2015年毕业实习工作总结
2015/05/29 职场文书
党员转正意见怎么写
2015/06/03 职场文书
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
Java完整实现记事本代码
2022/06/16 Java/Android