JavaScript创建Checkbox，IE6一个弱智bug对代码的影响

     在JavaScript操作Checkbox的过程中，不管新创建一个Checkbox对象或者clone一个对象，当使用appendChild方法，将新生成的CheckBox对象添加到父对象上的时候，ChecBox的checked属性将会丢失。

 

 

示例：
var cb = document.createElement("input");
cb.type = "checkbox";
cb.name = "checkbox1";
cb.id = "cbID";
cb.checked = true;
obj.appendChild(cb);

 

       obj在页面上显示以后，你将会发现这个新创建的checkbox并没有被选中。对于这个问题，是由于IE6的BUG造成的，所以，只能从代码上避免这种情况的出现。

解决方案：

1.使用defaultChecked 代替checked属性：

cb.defaultChecked = true;

 

2.在添加完成后，再将其属性checked设置为true：

obj.appendChild(cb);
cb.checked = true;

 

 

2009年8月5日