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

原创于 2011-04-08 15:06:53 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #JavaScript #ViewUI

java EE 专栏收录该内容

2 篇文章

订阅专栏

本文解决了一个在Internet Explorer浏览器中遇到的问题：通过JavaScript动态创建并设置为选中的复选框，在页面上显示时未被标记为选中状态。提供了两种解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;