如何使用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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 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中的串行化变量和序列化对象
2006/09/05 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
2012/10/11 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
Angular实现form自动布局
2016/01/28 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
python interpolate插值实例
2020/07/06 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
2015年幼儿园毕业感言
2014/02/12 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
庆祝教师节标语
2014/10/09 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
2014年创卫工作总结
2014/11/24 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
Nginx源码编译安装过程记录
2021/11/17 Servers
Redis实现订单过期删除的方法步骤
2022/06/05 Redis