当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 1.3.2 IE8中的一点点的小问题解决方法

Javascript
mvc模式分离javascript开发
30个美观的有创意的和引人注目的灵感导航菜单
JS教程:匿名函数
JS教程:childNodes与parentNode
IE浏览器的DOM模型
使用yui3实现最简单拖动
YUI的简单的dom事件
JS区别IE6、IE7、IE8之间的方法
JavaScript教程:Table行定位效果
建立HTML字符串的最快速方法
10个美观实用的jQuery和MooTool日历插件
JS教程:Javascript实现缓动效果
Javascript小游戏贪吃蛇(详细注释)
JavaScript组件开发:分析和设计组件
JavaScript:判断iframe是否加载完成的完美方法
JS特效详解:图片幻灯片切换
JS给文本区域(textarea)字数限制
用js按比例重定图片尺寸
不用组件实现Ajax效果
PHP+JS实现搜索自动提示

Javascript 中的 jquery 1.3.2 IE8中的一点点的小问题解决方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 444 ::
收藏到网摘: n/a

最近的项目中开始使用了新版本的jquery,就是1.3.2版,发现在这个在版本对就radio类型的input在IE8中的支持不太好 使用的时候是这个样子的:
复制代码 代码如下:

var _val = $("input[name='input1'][checked]").val();

结果发现_val的值为undefined,开始还以为写的不对,可检查没有问题,这样写在IE6、7、FF、Chrome、Opera、Safari中都可以正常的得到值,就是在IE8中不行。百思不得其解,后来又实验:
复制代码 代码如下:

var _val = $("input[name='input1']").eq(0).val();

可以得到值,说明问题可能出现在radio的checked属性上,再实验:
复制代码 代码如下:

var _val = document.getElementsByName("input1")[0].getAttribute("checked");

在IE6、7、FF、Chrome、Opera、Safari中的值为true或false,而在IE8中为空,
在IE8中:
复制代码 代码如下:

var _val = document.getElementsByName("input1")[0].checked;

可以行到true或false的值,不知道这是IE8的bug还是微软另有深意呢?
最后使用:
复制代码 代码如下:

var _val = $(":radio[name='input1'][checked]").val();

这样在各种浏览器上都正常了,估计jquery1.3.2的测试人员对IE8的测试还不够全面,希望下一个版本能解决这个问题。