`
FengShen_Xia
  • 浏览: 279415 次
  • 性别: Icon_minigender_1
  • 来自: 东方水城
社区版块
存档分类
最新评论

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

HTMLIE 
阅读更多

最近研究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同样是这种情况

分享到：
| CSS中的display:none和visibility:hidden ...
评论
1 楼 xuey210 2009-10-21  
OK什么呀，现在怎么写都不OK。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    document.createElement()用法及注意事项(ff下不兼容)

    `document.createElement()` 是JavaScript中的一个核心方法，用于动态创建HTML元素。这个方法在处理动态网页和交互式应用时非常有用，因为它允许我们在页面加载后或用户操作时动态地添加、修改或删除DOM元素。然而，...

    脚本动态创建复选框，添加事件

    在代码片段中，`document.createElement()`方法被用来创建一个新的HTML元素。例如： ```javascript var chk = document.createElement("<input type=checkbox id='" + ci[0] + "'>"); ``` 这里，`document....

    Js动态添加复选框Checkbox的实例方法

    首先，使用JS动态产生Checkbox可以采用如下类似的语句： 代码如下:var checkBox=document.createElement(“input”);checkBox.setAttribute(“type”,”checkbox”);checkBox.setAttribute(“id”,’123456′);但是...

    JS表格自增行（包括控件）

    使用`document.createElement()`函数创建新的`<tr>`元素，然后用`innerHTML`或`appendChild()`方法为该行添加内容。例如，创建一个包含文本框的新行： ```javascript var newRow = document.createElement('tr')...

    H5中点击checkbox动态显示table

    在JavaScript中，我们可以使用`document.createElement`创建新的HTML元素，如`<table>`、`<tr>`、`<td>`等，然后通过`appendChild`将它们添加到DOM树中。对于隐藏和显示表格，可以使用CSS的`display`属性。 ```...

    javascript动态添加checkbox复选框的方法.docx

    要使用 JavaScript 动态添加一个 Checkbox，首先需要创建一个 `input` 元素，并设置其类型为 `checkbox`。这可以通过以下步骤实现： ```javascript // 创建一个新的 input 元素 var oCheckbox = document....

    JavaScript动态增减表单项

    例如，我们可以使用`document.getElementById()`或`document.querySelector()`来获取特定元素，`document.createElement()`创建新的元素，`appendChild()`和`removeChild()`分别用于添加和移除元素。 动态添加表...

    javascript实现的动态添加表单元素input,button等(appendChild)

    通过这种方式，用户点击按钮时，对应的`AddElement`函数会被调用，根据传入的`type`值动态创建相应的`input`元素并添加到页面上。 总结起来，JavaScript实现动态添加表单元素的关键步骤包括： 1. 使用`document....

    checkbox select应用

    var checkboxes = document.querySelectorAll('input[type=checkbox]'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = !checkboxes[i].checked; } ``` 二、Select下拉列表 1. **...

    javascript与jquery动态创建html元素示例

    ### JavaScript与jQuery动态创建HTML元素知识点解析 在现代网页设计和开发中，动态地创建HTML元素是一项非常重要的技能。JavaScript和jQuery作为前端开发中不可或缺的技术，都提供了动态创建和操作DOM元素的方法。...

    巧用struts标签之checkboxlist选中默认值换行处理

    在Struts框架中，`<s:checkboxlist>`是一个非常实用的标签，用于在HTML表单中创建一组复选框，通常用于用户选择多个选项。本文将深入探讨如何巧妙地处理`checkboxlist`的默认选中值以及实现换行显示。 首先，我们...

    ie中js创建checkbox默认选中问题探讨

    代码如下: var chk = document.createElement(“input”); chk.setAttribute(“type”,”checkbox”); container.appendChild(chk); chk.setAttribute(“checked”,true); 以上代码在ie8兼容模式和ff6下都没有总是...

    带复选框的下拉列表代码

    var checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.value = options[i].value; checkbox.checked = options[i].selected; var label = document.createElement('label')...

    IE7中javascript操作CheckBox的checked=true不打勾的解决方法

    代码如下: var chkbox = document.createElement(“INPUT”); chkbox.type = “checkbox”; chkbox.checked=true; lnk[removed].appendChild(chkbox); 以上代码在IE7下，生成的Checkbox无法正确的打上勾。 原因是 ...

    [初学者必看]JavaScript 简单实际案例练习，锻炼代码逻辑思维

    ### JavaScript 实际案例练习知识点详解 #### 一、图片轮播器 **核心知识点：** - **HTML 结构设计：** ... const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked =...

    JavaScript 实现任务列表

    const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; li.appendChild(checkbox); ``` 同时，为复选框添加改变事件监听器，以改变任务的样式表示完成状态： ```javascript checkbox....

Magicbox
Global site tag (gtag.js) - Google Analytics