如何使用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 相关文章推荐
用于table内容排序
Jul 21 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
在JavaScript中使用开平方根的sqrt()方法
Jun 15 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
JS+JQuery实现无缝连接轮播图
Dec 30 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
ucenter通信原理分析
2015/01/09 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
JS实现元素上下左右移动效果
2017/10/18 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
简单易懂的python环境安装教程
2017/07/13 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
python批量修改ssh密码的实现
2019/08/08 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
python输入中文的实例方法
2020/09/14 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
如何进行有效的自我评价
2013/09/27 职场文书
暑期培训随笔感言
2014/03/10 职场文书
学校督导评估方案
2014/06/10 职场文书
应急管理培训方案
2014/06/12 职场文书
授权委托书格式范文
2014/08/02 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
工程技术员岗位职责
2015/04/11 职场文书
健康证明
2015/06/19 职场文书
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang
MySQL一些常用高级SQL语句
2021/07/03 MySQL
Nginx安装配置详解
2022/06/25 Servers
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技