document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
2014-08-10 11:51
519 查看
最近研究createElement的时候发现一个奇怪的问题
[JScript] view
plaincopy
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显示的时候只对状态改变比较敏感
改成
[JScript] view
plaincopy
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);<pre></pre>
[JScript] view
plaincopy
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显示的时候只对状态改变比较敏感
改成
[JScript] view
plaincopy
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);<pre></pre>
相关文章推荐
- struts2 <input type="radio" 默认选中
- 简化document.createElement("div")动态生成层方法
- IE11也不再支持document.createElement("<input type='file' name='upload'/>");
- 如何点击文字,把input type="radio" 或者 input type="checkbox" 也选中
- 简化document.createElement("div")动态生成层方法 (转)
- 简化document.createElement("div")动态生成层方法 (转)
- ie中js创建checkbox默认选中问题探讨
- 如何在FireFox中动态创建html元素(createElement)
- 动态创建radio、checkbox时需要注意的问题
- window.confirm 默认选中"取消"的问题
- ie中js创建checkbox默认选中问题
- 关于使用 document.getElementById("input").value 给输入域赋值赋不上的问题
- input type="checkbox",选中或取消,将value存入隐藏域
- Document root element "beans", must match DOCTYPE root "null".问题原因
- 【转】JS写图层方法.document.createElement("div")
- org.jboss.deployment.DeploymentException: Document root element "web-app"问题解决
- 如何在FireFox中动态创建html元素(createElement)
- 总结Asp.net中Page加载PostData的具体过程 进而解决"获取动态创建的控件的PostData数据"问题
- 动态input type="radio"选中,而不是赋值
- JS中:关于form中的Checkbox的操作: document.getElementsByName("name"),如何取消选中状态,如何将文本框内容清空