这个是初始化的创建代码:
var cb = document.createElement("input");
cb.type = "checkbox";
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
这个是往容器控件中添加checxbox控件的代码
![](/Images/OutliningIndicators/None.gif)
初始化checked值是在往父容器添加完成后,再添加的。
![](/Images/OutliningIndicators/None.gif)
亦或者:
![](/Images/OutliningIndicators/None.gif)
但是在firefox下,不支持cb.checked=true这样的写法,可能是在firefox下的checked是一个只读属性。
兼容写法:
window.onload=function(){
var lb = document.createElement("label");
var cb = document.createElement("input");
cb.type = "checkbox";
cb.value = 1;
cb.id="cb_a";
lb.htmlFor="cb_a";
lb.appendChild(cb);
document.body.appendChild(lb);
cb.setAttribute("checked", true);
lb.innerHTML += "点击我即选择我";
var lb = document.createElement("label");
var cb = document.createElement("input");
cb.type = "checkbox";
cb.value = 1;
cb.id="cb_a";
lb.htmlFor="cb_a";
lb.appendChild(cb);
document.body.appendChild(lb);
cb.setAttribute("checked", true);
lb.innerHTML += "点击我即选择我";
加上cb的id以及lb的htmFor属性,是为了兼容IE6.