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 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
学习javascript,实现插入排序实现代码
Jul 31 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
javascript实现控制div颜色
Jul 07 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
Aug 22 Javascript
JavaScript实现微信号随机切换代码
Mar 09 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
weui中的picker使用js进行动态绑定数据问题
Nov 06 Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 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中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
用js实现随机返回数组的一个元素
2007/08/13 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
将数字转换成大写的人民币表达式的js函数
2014/09/21 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
2019/10/21 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
python中精确输出JSON浮点数的方法
2014/04/18 Python
Python函数中定义参数的四种方式
2014/11/30 Python
python中字典dict常用操作方法实例总结
2015/04/04 Python
使用python加密自己的密码
2015/08/04 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
python绘制多个曲线的折线图
2020/03/23 Python
django主动抛出403异常的方法详解
2019/01/04 Python
关于python多重赋值的小问题
2019/04/17 Python
python中正则表达式与模式匹配
2019/05/07 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
什么是python类属性
2020/06/10 Python
django教程如何自学
2020/07/31 Python
公司庆典活动邀请函
2014/01/09 职场文书
英语通知范文
2015/04/22 职场文书
企业宣传语大全
2015/07/13 职场文书
2015年科普工作总结
2015/07/23 职场文书
初中政治教学工作总结
2015/08/13 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书