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的链式调用浅析
Dec 03 Javascript
javascript笔记 String类replace函数的一些事
Sep 22 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
javascript事件委托的用法及其好处简析
Apr 04 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
前端如何实现动画过渡效果
Feb 05 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
怎么使 Mysql 数据同步
2006/10/09 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
python相似模块用例
2016/03/04 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
我的求职计划书
2014/01/10 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
面试后感谢信怎么写
2014/02/01 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
英文求职信写作小建议
2014/02/16 职场文书
多媒体专业自我鉴定
2014/02/28 职场文书
竞选大学学委演讲稿
2014/09/13 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
黄石寨导游词
2015/02/05 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
在人间读书笔记
2015/06/30 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers