如何使用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 相关文章推荐
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
Dec 28 Javascript
ES6关于Promise的用法详解
May 07 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
关于JavaScript轮播图的实现
Nov 20 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 imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
PHP的5个安全措施小结
2012/07/17 PHP
基于Swoole实现PHP与websocket聊天室
2016/08/03 PHP
PHP中16个高危函数整理
2019/09/19 PHP
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[01:07:41]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
Python NumPy库安装使用笔记
2015/05/18 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
Python实现Dijkstra算法
2018/10/17 Python
python+PyQT实现系统桌面时钟
2020/06/16 Python
如何使用python进行pdf文件分割
2019/11/11 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
精细化工应届生求职信
2013/11/17 职场文书
函授本科自我鉴定
2014/02/04 职场文书
淘宝活动总结范文
2014/06/26 职场文书
投标邀请书范本
2015/02/02 职场文书
小学教育见习总结
2015/06/23 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android