jQuery的一个兼容性问题

最新推荐文章于 2024-04-12 17:14:53 发布

最新推荐文章于 2024-04-12 17:14:53 发布 · 169 阅读

文章标签：

#jQuery #IDEA #XHTML #HTML #ViewUI

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个关于 jQuery 在 IE8 浏览器中处理 checked 属性时出现的兼容性问题。当使用 $('[name=check][checked]') 获取已选中的复选框数量时，IE8 下始终返回 2，而 Firefox 则正常显示。通过采用 $('input[name=check]:checked').length 的方式解决了此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[quote]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../../lib/jquery-1.3.1.js"></script>

<script type="text/javascript">

$(function (){ $('#btn').click(function (){
alert($('[name="check"][checked]').length);
});
})
</script>
</head>

<body>
<input type="checkbox" name="check" value="1" checked="checked" />
<input type="checkbox" name="check" value="2" checked="checked"/>
<input type="checkbox" name="check" value="3" />
<input type="checkbox" name="check" value="4" />
<input type="checkbox" name="check" value="5" />
<input type="button" name="btn" id="btn" value="选中的个数" />
</body>
</html>
[/quote]

ie8下弹出的值，无论你选择多少个，都是2；
ff下弹出的值正确。

都说jQuery兼容性很好，请问这个又如何解释？

补充：
最后我是用$('input[name="check"]:checked').length 解决的。