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 相关文章推荐
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
JS分割字符串并放入数组的函数
Jul 04 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
JS和JQ的event对象区别分析
Nov 24 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
微信小程序开发之转发分享功能
Oct 22 Javascript
Echarts.js无法引入问题解决方案
Oct 30 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中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
Script的加载方法小结
2011/01/12 Javascript
javaScript复制功能调用实现方案
2012/12/13 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
js字符串转成JSON
2013/11/07 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
jQuery处理图片加载失败的常用方法
2015/06/08 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
vue--点击当前增加class,其他删除class的方法
2018/09/15 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
Python读写配置文件的方法
2015/06/03 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python算法应用实战之栈详解
2017/02/04 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
北大自主招生自荐信
2013/10/19 职场文书
销售人员自我评价
2014/02/01 职场文书
租车协议书范本
2014/04/22 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
三分钟自我介绍演讲稿
2014/08/21 职场文书
内勤岗位职责
2015/02/10 职场文书
获奖感言怎么写
2015/07/31 职场文书
民事调解协议书
2016/03/21 职场文书
自考生自我评价
2019/06/21 职场文书