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中为元素加上name属性的方法
May 09 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
node.js中的fs.readlinkSync方法使用说明
Dec 17 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
Angular.js自定义指令学习笔记实例
Feb 24 Javascript
详解Angular路由 ng-route和ui-router的区别
May 22 Javascript
老生常谈JavaScript面向对象基础与this指向问题
Oct 16 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP 网络开发详解之远程文件包含漏洞
2010/04/25 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
有趣的javascript数组定义方法
2010/09/10 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
用原生js做单页应用
2017/01/17 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
微信小程序之swiper滑动面板用法示例
2018/12/04 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
vue+element实现动态加载表单
2020/12/13 Vue.js
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[54:19]完美世界DOTA2联赛PWL S2 Magma vs PXG 第二场 11.28
2020/12/01 DOTA
Python中title()方法的使用简介
2015/05/20 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
python如何制作英文字典
2019/06/25 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
python实现门限回归方式
2020/02/29 Python
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
2016/12/30 HTML / CSS
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
广告学专业应届生求职信
2013/10/01 职场文书
四年级语文教学反思
2014/02/05 职场文书
骨干教师培训方案
2014/05/06 职场文书
说明书范文
2014/05/07 职场文书
幼儿园标语大全
2014/06/19 职场文书
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js