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模块模式分析
May 16 Javascript
潜说js对象和数组
May 25 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
JavaScript实现打字效果的方法
Jul 10 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
Node.js之readline模块的使用详解
Mar 25 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 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中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
php防止恶意刷新与刷票的方法
2014/11/21 PHP
php格式化电话号码的方法
2015/04/24 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
JavaScript浏览器选项卡效果
2010/08/25 Javascript
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
原生js实现日期联动
2015/01/12 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
js实现图片轮播效果
2015/12/19 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
面试常见的js算法题
2017/03/23 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
Angular4 ElementRef的应用
2018/02/26 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
Python可变参数函数用法实例
2015/07/07 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
python标记语句块使用方法总结
2019/08/05 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
Python自带的IDE在哪里
2020/07/01 Python
九年级历史教学反思
2014/01/27 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
初中同学会活动方案
2014/08/22 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS