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宝典学习笔记
Feb 07 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
Ajax请求超时与网络异常处理图文详解
May 23 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
jQuery is()函数用法3例
2014/05/06 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
Vue组件的使用及个人理解与介绍
2019/02/09 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
Pycharm中如何关掉python console
2020/10/27 Python
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
我爱我校演讲稿
2014/05/21 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
西安大雁塔导游词
2015/02/10 职场文书
乒乓球比赛通知
2015/04/27 职场文书
《藏戏》教学反思
2016/02/23 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
keepalived + nginx 实现高可用方案
2022/12/24 Servers