Problem
Dynamically appended checkbox element does not appear checked despite setting the checked property state to true or "checked".
Browser
Internet Explorer
Example
The Javascript code:
- var cb = document.createElement("input");
-
cb.type = "checkbox";
-
cb.name = "checkbox1";
-
cb.id = "cbID";
-
cb.checked = true;
-
obj.appendChild(cb);
Solution
Use defaultChecked instead of checked:
- cb.defaultChecked = true;
Alternative Solution
Set the checked state after appending the checkbox:
- obj.appendChild(cb);
-
cb.checked = true;
More Bugs, Quirks and Inconsistencies 
Browser Quirk: Dynamically appended checked checkbox does not appear checked (IE) 
