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 相关文章推荐
javascript 面向对象编程 聊聊对象的事
Sep 17 Javascript
javascript学习之闭包分析
Dec 02 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 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
如何过滤高亮显示非法字符
2006/10/09 PHP
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
php上传图片类及用法示例
2016/05/11 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
Bootstrap项目实战之首页内容介绍(全)
2016/04/25 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
python实现的一个p2p文件传输实例
2014/06/04 Python
python实现逻辑回归的方法示例
2017/05/02 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
使用Python 统计高频字数的方法
2019/01/31 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
python如何求圆的面积
2020/07/01 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
台湾三立电视电商平台:电电购
2019/09/09 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
师范生自荐信模板
2014/05/28 职场文书
防灾减灾活动总结
2014/08/30 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
2015年营业员工作总结
2015/04/23 职场文书