IE7中动态创建CheckBox设置checked属性不生效的解决方案

 
var chkbox = document.createElement("INPUT");
chkbox.type = "checkbox";
chkbox.checked=true;
lnk.parentNode.appendChild(chkbox);

上述代码在IE7浏览器环境下执行时，生成的复选框无法正确显示为选中状态。

出现该问题的原因在于，在调用appendChild将控件添加到页面之前，直接对其checked属性进行了赋值操作，此时控件尚未完成初始化。

基于此原因，调整代码执行顺序即可实现正确显示：

 
var chkbox = document.createElement("INPUT");
chkbox.type = "checkbox";
lnk.parentNode.appendChild(chkbox);
chkbox.checked=true;