jQuery中获取Radio元素值的方法


Posted in Javascript onJuly 02, 2013

又发现自己写的JavaScript代码在FireFox下运行出错,原因很郁闷,在获取一个Radio元素的值的时候只得到了 undefind。
谷歌了一下,大多跟我用的方法是一样的

var value = $("input[name='radio1'][type='radio'][checked]").val();

这句在IE、Safari(3.2)下测试通过,但是在FireFox、Chrome下却得不到选中的值。
仔细再看手册,发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法?把代码改一下
var value = $("input[name='radio1'][type='radio']:checked").val();

在IE、FireFox、Chrome、Safari(3.2)下测试均通过。
顺便测试了select元素,手册上的写法跟我常用的写法,在上述几个浏览器下都可以获取到正确的值。
var value1 = $("select").val(); var value2 = $("select option:selected").val();

我是在jQuery 1.32版本下测试的,大家可以试一下。
Javascript 相关文章推荐
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
javascript实现uploadify上传格式以及个数限制
Nov 23 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
Apr 04 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 Javascript
js网页版计算器的简单实现
Jul 02 #Javascript
js实现广告漂浮效果的小例子
Jul 02 #Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 #Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 #Javascript
js创建子窗口并且回传值示例代码
Jul 02 #Javascript
封装html的select标签的js操作实例
Jul 02 #Javascript
使用js获取地址栏中传递的值
Jul 02 #Javascript
You might like
PHP中的cookie
2006/11/26 PHP
真正的ZIP文件操作类(php)
2007/07/21 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
JS复制到剪贴板示例代码
2013/10/30 Javascript
Javascript Objects详解
2014/09/04 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python入门之后再看点什么好?
2018/03/05 Python
Python中str.join()简单用法示例
2018/03/20 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
Django models filter筛选条件详解
2020/03/16 Python
美国创意之家:BulbHead
2017/07/12 全球购物
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
Python使用openpyxl复制整张sheet
2021/03/24 Python
音乐教学反思
2014/02/02 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
诚信考试标语
2014/06/24 职场文书
2014年教研工作总结
2014/12/06 职场文书
离婚协议书格式
2015/01/26 职场文书
员工表扬信怎么写
2015/05/05 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL