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

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

ecaol

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

阅读量5.1k

点赞数

分类专栏： JavaScript和HTML的一些小技巧文章标签： input html ie

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

8 篇文章 0 订阅

订阅专栏

转自： 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);