如何使用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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
Prototype使用指南之form.js
Jan 10 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
jQuery实现弹出窗口中切换登录与注册表单
Jun 05 Javascript
js实现简单计算器
Nov 22 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
JS实现json数组排序操作实例分析
Oct 28 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
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
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
2017/01/19 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
python中pika模块问题的深入探究
2018/10/13 Python
python多线程http压力测试脚本
2019/06/25 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
Linux如何为某个操作添加别名
2013/03/01 面试题
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
美术指导助理求职信
2014/04/20 职场文书
岗位职责说明书模板
2014/07/30 职场文书
医院反腐倡廉演讲稿
2014/09/16 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
党的群众路线调研报告
2014/11/03 职场文书
2014年司机工作总结
2014/11/21 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
辅导员学期工作总结
2015/08/14 职场文书
业余无线电通联Q语
2022/02/18 无线电