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显示隐藏层比较不错的方法分析
Sep 30 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
自写的jQuery异步加载数据添加事件
May 15 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
在weex中愉快的使用scss的方法步骤
Jan 02 Javascript
如何在vue中使用jointjs过程解析
May 29 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 Javascript
js判断两个数组相等的5种方法
May 06 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
图象函数中的中文显示
2006/10/09 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
在模板页面的js使用办法
2010/04/01 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
JQuery基础语法小结
2015/02/27 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
利用node.js开发cli的完整步骤
2020/12/29 Javascript
Python open()文件处理使用介绍
2014/11/30 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
python生成器表达式和列表解析
2016/03/10 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
PHP经典面试题
2016/09/03 面试题
最受欢迎的自我评价
2013/12/22 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
2014年少先队工作总结
2014/12/03 职场文书
清洁工工作总结
2015/08/11 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Spring依赖注入多种类型数据的示例代码
2022/03/31 Java/Android
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android