现在的位置: 首页 > 综合 > 正文

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

2013年10月09日 ⁄ 综合 ⁄ 共 489字 ⁄ 字号 评论关闭

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


示例:

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

 

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


解决方案:

1.使用defaultChecked 代替checked属性:

cb.defaultChecked = true;

 

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

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

 

 

200985

抱歉!评论已关闭.