如何使用Jquery获取Form表单中被选中的radio值


Posted in Javascript onAugust 09, 2013

Jquery提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下:

<form name='form1' action="#" method="post"> 此处略去200字 
<input type="radio" name="opType" value="0" />搁置<br /> 
<input type="radio" name="opType" value="1" />解决<br /> 
<input type="radio" name="opType" value="2" />转派4<br /> 
</form>

那么如何获取被选中的radio值呢,Juqery为我们提供了如下几个方法
$("input[name='opType']:checked").val() -------此方法估计用的比较多,通俗易懂 $("input:radio:checked").val(); ---------此方法最简单,但是连着使用选择器不容易懂 
$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked],本人第一次就写成这个了

那么,偶尔也需要遍历一下radio,如何做呢?当然需要each出场了,具体如下:
$('input[name="opType"]').each(function(){ 
alert(this.name+this.value); 
});

应该明白了吧,若有什么更好的方法欢迎盖楼。
Javascript 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
JavaScript设计模式之装饰者模式实例详解
Jan 17 Javascript
js仿京东放大镜效果
Aug 09 Javascript
jquery对象和DOM对象的区别介绍
Aug 09 #Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
jquery 列表双向选择器之改进版
Aug 09 #Javascript
jquery 简单应用示例总结
Aug 09 #Javascript
JS命名空间的另一种实现
Aug 09 #Javascript
使用javascript创建快捷方式的简单实例
Aug 09 #Javascript
You might like
php 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
mac系统下安装多个php并自由切换的方法详解
2017/04/21 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
Javascript常用小技巧汇总
2015/06/24 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
python实现logistic分类算法代码
2020/02/28 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
计算机科学系职业生涯规划书
2014/03/08 职场文书
博士生专家推荐信
2014/09/26 职场文书
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技