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 第二代身份证号码的验证机制代码
May 12 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
javascriptvoid(0)含义以及与"#"的区别讲解
Jan 19 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
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
生成sessionid和随机密码的例子
2006/10/09 PHP
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
Windows2003下php5.4安装配置教程(Apache2.4)
2016/06/30 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
基于vue2.0实现的级联选择器
2017/06/09 Javascript
vue3.0 上手体验
2020/09/21 Javascript
python过滤中英文标点符号的实例代码
2019/07/15 Python
Django框架 信号调度原理解析
2019/09/04 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
Java如何支持I18N?
2016/10/31 面试题
怎么写自荐书范文
2014/02/12 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
有关爱国演讲稿
2014/05/07 职场文书
绘画专业自荐信
2014/07/04 职场文书
幼儿园教师考核评语
2014/12/31 职场文书
工资证明格式模板
2015/06/12 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis
关于Vue中的options选项
2022/03/22 Vue.js