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+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
js变量提升深入理解
Sep 16 Javascript
红黑树的插入详解及Javascript实现方法示例
Mar 26 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
Vue封装的组件全局注册并引用
Jul 24 Javascript
Node 模块原理与用法详解
May 13 Javascript
vue-router 控制路由权限的实现
Sep 24 Javascript
JavaScript中遍历的十种方法总结
Dec 15 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
onbeforeunload与onunload事件异同点总结
2013/06/24 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Django框架基础模板标签与filter使用方法详解
2019/07/23 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
四年级学生评语大全
2014/04/21 职场文书
团代会宣传工作方案
2014/05/08 职场文书
淘宝好评语句大全
2014/12/31 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL