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请求实例深入解析
Nov 26 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
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中empty is_null和isset的测试
2013/06/29 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
浅谈Vue 性能优化之深挖数组
2018/12/11 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
旅游网创业计划书
2014/01/31 职场文书
数控机床专业自荐信
2014/05/19 职场文书
法学求职信
2014/06/22 职场文书
建筑施工安全责任书
2014/07/24 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
考试后的感想
2015/08/07 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
Nginx 过滤静态资源文件的访问日志的实现
2021/03/31 Servers
goland 清除所有的默认设置操作
2021/04/28 Golang
React如何创建组件
2021/06/27 Javascript
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL
oracle数据库去除重复数据
2022/05/20 Oracle
Django框架中模型的用法
2022/06/10 Python