日期:2014-05-16  浏览次数:20662 次

IE下disabled属性的异常
最近对IE下的disabled属性做了一个测试,共有三组,每个div算一组,代码如下:

<!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>
<title>IE下disabled属性的异常</title>
</head>
<body>
<div style="background:#DDD;">
None of Disabled
<div><a href="#" style="color:blue;">Anchor Element</a></div>
<p style="background:gold;">Paragraph Element</p>
<input type="text" /><input type="submit" onclick="alert('A');" />
<input type="checkbox" onclick="alert('B');" />
</div>
<br />
<div style="background:#CCC;">
Part of Disabled
<div><a href="#" disabled="disabled">Anchor Element</a></div>
<p style="background:gold;">Paragraph Element</p>
<input type="text" disabled="disabled" /><input type="submit" disabled="disabled" onclick="alert('A');" />
<input type="checkbox" onclick="alert('B');" disabled="disabled" />
</div>
<br />
<div disabled="disabled" style="background:#BBB;">
All Disabled
<div><a href="#">Anchor Element</a></div>
<p style="background:gold;">Paragraph Element</p>
<input type="text" /><input type="submit" onclick="alert('A');"/>
<input type="checkbox" onclick="alert('B');" />
</div>
</body>
</html>


以下为测试结果:
IE6 IE7 IE8                                         第二组  第三组
元素点击后是否可以跳转                                  可以   可以
INPUT[type="text"] 是否可以输入文字                 不可以   可以
INPUT[type="submit"] 点击后是否触发onclick事件         不可以   可以
INPUT[type="checkbox"] 点击后是否可以改变               不可以   不可以
INPUT[type="checkbox"] 点击后是否触发onclick事件        不可以   不可以

第三组IE6/7/8下为什么checkbox不像text和submit那样可以改变和点击?
而且我发现在IE9/10下,双击checkbox会触发onclick事件
哪位大神能解释一下这是什么原因导致的?
html 兼容性

------解决方案--------------------
浏览器
------解决方案-------------------