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 相关文章推荐
jquery $.ajax相关用法分享
Mar 16 Javascript
js异常捕获方法介绍
Apr 10 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
vue 实现类似淘宝星级评分的示例
Mar 01 Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
thinkphp 多表 事务详解
2013/06/17 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Python有序字典简单实现方法示例
2017/09/28 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
python使用插值法画出平滑曲线
2018/12/15 Python
在python环境下运用kafka对数据进行实时传输的方法
2018/12/27 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
params有什么用
2016/03/01 面试题
一个大学生十年的职业规划
2014/01/17 职场文书
安全承诺书范文
2014/03/26 职场文书
幼师求职自荐信
2014/05/31 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
工作年限证明范本
2015/06/15 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
Python 使用dict实现switch的操作
2021/04/07 Python
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js