Browser Quirk: Dynamically appended checked checkbox does not appear checked (IE)

Expert Mod 10K+

P: 13,930

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:

Expand|Select|Wrap|Line Numbers

 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:

Expand|Select|Wrap|Line Numbers

cb.defaultChecked = true;

Alternative Solution
Set the checked state after appending the checkbox:

Expand|Select|Wrap|Line Numbers

 obj.appendChild(cb);

cb.checked = true;

More Bugs, Quirks and Inconsistencies

Aug 18 '07 #1

Share this Article

Post your comment

Join Now »

Article Stats

viewed: 6461
comments: 0
date written:Aug 18 '07

Browser Quirk: Dynamically appended checked checkbox does not appear checked (IE)

Post your comment

Article Stats

Top Authors

Top Articles

Latest Articles

Similar topics

More