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 插件开发笔记整理
Jan 17 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 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批量更改数据库表前缀实现方法
2013/10/26 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
不同浏览器的怪癖小结
2010/07/11 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
layui问题之模拟select点击事件的实例讲解
2018/08/15 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
Python的ORM框架SQLObject入门实例
2014/04/28 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
Django之模型层多表操作的实现
2019/01/08 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
Python3最长回文子串算法示例
2019/03/04 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
Overload和Override的区别
2012/09/02 面试题
办公室内勤工作职责
2013/12/11 职场文书
静心口服夜广告词
2014/03/20 职场文书
体育专业自荐书
2014/05/29 职场文书
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
解决Python字典查找报Keyerror的问题
2021/05/26 Python
react中的DOM操作实现
2021/06/30 Javascript