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

 更新时间:2009年07月10日 21:21:51   作者:  
最近的项目中开始使用了新版本的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的测试还不够全面,希望下一个版本能解决这个问题。

相关文章

  • checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码
    2009-12-12
  • 推荐40个简单的 jQuery 导航插件和教程(下篇)

    推荐40个简单的 jQuery 导航插件和教程(下篇)

    在下面的集合中,你会发现很多便利的 jQuery 导航插件和有用的教程,帮助你实现充满吸引力的网站导航,让你网站更有组织性和交互性
    2012-09-09
  • 基于jquery实现弹幕效果

    基于jquery实现弹幕效果

    这篇文章主要为大家详细介绍了基于jquery实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • jquery 简单的图片展示效果

    jquery 简单的图片展示效果

    今天看到google图片搜索结果页面,感觉简洁实用,于是用jquery粗略的模仿了一下再次感觉到jquery的强大和易用,基本思路初步实现了,再整合ajax和json,应该可以做一个简单的应用了 :)
    2009-12-12
  • jQuery实现不断闪烁文字的方法

    jQuery实现不断闪烁文字的方法

    这篇文章主要介绍了jQuery实现不断闪烁文字的方法,涉及jQuery中fadeOut、fadeIn方法及递归调用的技巧,需要的朋友可以参考下
    2015-05-05
  • jquery更改元素属性attr()方法操作示例

    jquery更改元素属性attr()方法操作示例

    这篇文章主要介绍了jquery更改元素属性attr()方法,结合实例形式简单分析了jquery更改元素属性attr()方法基本功能、语法及相关使用技巧,需要的朋友可以参考下
    2020-05-05
  • JQuery插入DOM节点的方法

    JQuery插入DOM节点的方法

    这篇文章主要介绍了JQuery插入DOM节点的方法,实例分析了jQuery实现DOM结点插入所涉及的常见函数使用技巧,需要的朋友可以参考下
    2015-06-06
  • 对于this和$(this)的个人理解

    对于this和$(this)的个人理解

    this指的是javascript对象而$(this)就是就jquery对象,不懂的朋友可以看看本文
    2013-09-09
  • 简述Jquery与DOM对象

    简述Jquery与DOM对象

    这篇文章主要介绍了简述Jquery与DOM对象的相关资料,十分的简单实用,需要的朋友可以参考下
    2015-07-07
  • jQuery中$.fn的用法示例介绍

    jQuery中$.fn的用法示例介绍

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下
    2013-11-11

最新评论