浏览器怪癖：动态附加选中的复选框未显示为选中（IE）

问题

尽管将选中的属性状态设置为true或“ checked”，但动态附加的checkbox元素并未显示为选中状态。

浏览器

IE浏览器

例

Javascript代码：

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

解

使用defaultChecked而不是checked：

cb.defaultChecked = true;

替代解决方案

附加复选框后设置选中状态：

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

更多错误，怪癖和不一致之处

From: https://bytes.com/topic/javascript/insights/799167-browser-quirk-dynamically-appended-checked-checkbox-does-not-appear-checked-ie