document.createElement("input")动态创建html元素时checkbox

最新推荐文章于 2022-03-21 20:50:39 发布

iteye_16325

最新推荐文章于 2022-03-21 20:50:39 发布

阅读量722

点赞数

分类专栏： JavaScript 文章标签： HTML IE

本文链接：https://blog.csdn.net/iteye_16325/article/details/81654573

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

最近研究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);

一切ok
radio同样是这种情况