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 相关文章推荐
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
各种常用的JS函数整理
Oct 25 Javascript
eclipse如何忽略js文件报错(附图)
Oct 30 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
超全面的vue.js使用总结
Feb 12 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 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
使用无限生命期Session的方法
2006/10/09 PHP
PHP 遍历XP文件夹下所有文件
2008/11/27 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php把大写命名转换成下划线分割命名
2015/04/27 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript 定义初始化数组函数
2009/09/07 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
VUE中v-model和v-for指令详解
2017/06/23 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
JS实现的自定义map方法示例
2019/05/17 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
浅析JavaScript预编译和暗示全局变量
2020/09/03 Javascript
python基础教程之获取本机ip数据包示例
2014/02/10 Python
python实现绘制树枝简单示例
2014/07/24 Python
详解Python3中的 input() 函数
2020/03/18 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
中国高端家电购物商城:顺电
2018/03/04 全球购物
银行毕业实习自我鉴定
2013/09/19 职场文书
环境工程专业个人求职信
2013/12/05 职场文书
学校远程教育工作总结
2015/08/11 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python
Python pandas之求和运算和非空值个数统计
2021/08/07 Python