如何使用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 相关文章推荐
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
jquery预加载图片的方法
May 27 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
Vue实现PC端靠边悬浮球的代码
May 09 Javascript
解决VUEX的mapState/...mapState等取值问题
Jul 24 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 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在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
ES6新特性七:数组的扩充详解
2017/04/21 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
使用python分析git log日志示例
2014/02/27 Python
python遍历类中所有成员的方法
2015/03/18 Python
举例介绍Python中的25个隐藏特性
2015/03/30 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
python3中sys.argv的实例用法
2020/04/24 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
python实现最短路径的实例方法
2020/07/19 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
给老婆的搞笑检讨书
2014/01/12 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
好学生评语大全
2014/05/05 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
培训师岗位职责
2015/02/14 职场文书
事业单位聘任报告
2015/03/02 职场文书
幼儿园辞职信
2015/05/13 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js
详解redis在微服务领域的贡献
2021/10/16 Redis