如何使用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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
Javascript 解疑
Nov 11 Javascript
GreyBox技术总结(转)
Nov 23 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
vue 通过base64实现图片下载功能
Dec 19 Vue.js
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
乐信RP2100的电路分析和打磨
2021/03/02 无线电
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
PHP mkdir()定义和用法
2009/01/14 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
Javascript Select操作大集合
2009/05/26 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
微信小程序使用二次贝塞尔曲线画波浪
2018/12/25 Javascript
python删除文件示例分享
2014/01/28 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
python实现单向链表详解
2018/02/08 Python
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
小学校园广播稿集锦
2014/10/04 职场文书
世界遗产的导游词
2015/02/13 职场文书
工作能力自我评价2015
2015/03/05 职场文书
交流会主持词
2015/07/02 职场文书