仅IE6/7中添加checked为true的input到DOM中为false

HTML INPUT元素有个checked属性，多数情况type为radio和checkbox。

当创建一个input，checked属性赋值为true，添加到DOM文档中，当再次取checked属性时，IE6、7竟然是false。

 

测试如下

?

1 2 3 4 5 6

var div = document.createElement('div') var input = document.createElement('input') input.type = 'checkbox' input.checked = true div.appendChild(input) alert(input.checked) // IE6/7 false

 

使用文档碎片IE6/7依然是false

?

1 2 3 4 5 6

var frag = document.createDocumentFragment('div') var input = document.createElement('input') input.type = 'checkbox' input.checked = true frag.appendChild(input) alert(input.checked) // IE6/7 false

 

解决方式：可以先把checked属性暂存下，比如加一个defaultChecked属性，添加到DOM后，再用defaultChecked赋值给checked属性。