document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题

最新推荐文章于 2022-03-29 15:32:06 发布

转载最新推荐文章于 2022-03-29 15:32:06 发布 · 5.1k 阅读

文章标签：

#input #html #ie

JavaScript和HTML的一些小技巧专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在IE7浏览器中使用JavaScript创建并设置复选框元素时遇到的问题，即复选框显示为未选中状态但实际已选中。通过调整代码顺序解决了此问题。

转自： http://www.blogjava.net/aoneany/

最近研究createElement的时候发现一个奇怪的问题

var echkbox=document.createElement("input");
echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
echkbox.setAttribute("checked","checked");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
alert(document.getElementById("inputid").checked);

ie7显示出来的checkbox居然是未选中的但是alert出来的却是true，而FF一切正常
后来查了半天资料说是ie显示的时候只对状态改变比较敏感
改成

var echkbox=document.createElement("input");
echkbox.setAttribute("type","checkbox");
echkbox.setAttribute("id","inputid");
echkbox.setAttribute("name","inputname");
echkbox.setAttribute("value","inputvalue");
var addhere=document.getElementById("someElementId");
addhere.appendChild(echkbox);
echkbox.setAttribute("checked","checked");
alert(document.getElementById("inputid").checked);