`

IE6,IE7下checkbox选中问题

阅读更多

* 节点1
** 节点2
** 节点3
*** 节点4

如果节点关系如上。

<div id="node1">level 1</div>

<script>

function a()
{
    var node1=$("node1");// 第一层

    var node2 = createElement("div");// 第二层-父亲node1
    node2.innerHTML="<span>level 2</span>";

    var node3 = createElement("div");// 第二层-父亲node1
    node3.innerHTML="<span>level 2</span>";

    var node4 = createElement("div");// 第三层-父亲node3
    node4.innerHTML="<span>level 3</span>";

    //FF 正常
    //IE8 正常
    //IE7,IE6不正常
    var chk;
    chk = createElement("input");// 复选框
    chk.type = "checkbox";
    chk.checked = true;
    node1.appendChild(chk);

    //FF 正常
    //IE8 IE7 IE6 正常
    // 不正常
    chk = createElement("input");// 复选框
    chk.type = "checkbox";
    node1.appendChild(chk);
    chk.checked = true;

    //FF 正常
    //IE8 IE7 正常
    //IE6 不正常
    chk = createElement("input");// 复选框
    chk.type = "checkbox";
    node2.appendChild(chk);
    chk.checked = true;
    node1.appendChild(node2);

    //FF 正常
    //IE8 IE7 正常
    //IE6 不正常
    chk = createElement("input");// 复选框
    chk.type = "checkbox";
    node4.appendChild(chk);
    chk.checked = true;
    node1.appendChild(node3);
    node3.appendChild(node4);

    //总之:
    //有效范围FF IE8 IE7 IE6:所有祖辈(父亲,爷爷,太爷...)都加入DOM,chebox加入父节点,然后设置checked = true
    //有效范围FF IE8 IE7 :保证checkbox父亲加入DOM,不管爷爷或者更长辈是否加入DOM,chebox加入父节点,然后设置checked = true
    //有效范围FF IE8 :不管父节点是否加入DOM,设置checked = true
    }
a();
</script>
 

 

5
2
分享到:
评论

相关推荐

    ie6、7无法获取checkbox选择状态的处理

    在ie6、ie7下,对于checkbox的勾选状态checked属性的值获取始终是null,利用jquery在获取的html中增加checked属性

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

    以上代码在ie8兼容模式和ff6下都没有总是,但在ie8不兼容模式下不起作用,只有在appendChild后,再设置checked的值就都起作用,如下: 代码如下: var chk = document.createElement(“input”)

    IE下双击checkbox反应延迟问题的解决方法

    本文主要探讨的是在Internet Explorer(IE)浏览器下遇到的一个特定问题:双击`checkbox`元素时出现的反应延迟现象,以及如何解决这个问题。 首先,我们需要理解`checkbox`的基本功能。`checkbox`是HTML中的一个...

    checkbox全选与全不选 xml解析导入与导出 IE下点击select的option单击事件

    function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...

    IE中radio 或checkbox的checked属性初始状态下不能选中显示问题

    这个问题主要体现在`IE`的早期版本,如IE6、IE7等,但在现代版本的IE(例如IE9及以上)中,这一问题已经被解决。 `checked`属性是HTML中的一个布尔属性,用于指定`radio`或`checkbox`元素在页面加载时是否应处于...

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

    本文将详细探讨在IE7中遇到的特定问题,即JavaScript设置`checked=true`后Checkbox未能正确打勾的解决方案。 问题的核心在于,当尝试在DOM(文档对象模型)中动态创建并设置属性时,如果在元素实际被添加到页面之前...

    IE中checkbox在刷新后初始化的问题

    这个空的`checked`属性告诉浏览器该`checkbox`应该在初始状态下被选中,但IE浏览器会在页面加载后立即解析这个属性,随后再由JavaScript代码将其设置为未选中。这种情况下,无论`checkbox`的状态如何,它都会在页面...

    JavaScript取得gridview中获取checkbox选中的值

    在Web开发过程中,经常需要与表格形式的数据交互,其中使用到gridview控件来展示数据。...通过这些代码,开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。

    checkbox自定义样式

    本文将详细介绍如何在兼容IE浏览器的情况下实现`checkbox`的自定义样式。 首先,我们需要了解`checkbox`的基本结构。`HTML`中的`checkbox`由`&lt;input&gt;`标签创建,通常与`&lt;label&gt;`标签配合使用,以提高可点击范围和...

    checkbox.js

    2. **选中状态统计**:该库还具备统计每组Checkbox选中个数的能力。这在需要实时反馈用户选择情况的场合特别实用,例如在提交表单前显示用户已选择的项目数量。 二、Checkbox.js的使用方法 1. **引入文件**:首先...

    关于onchange事件在IE和FF下的表现及解决方法

    当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题。 问题①:在FF下,当改变checkbox的选中状态时,会马上触发...

    jquery获取特定name所有选中的checkbox,支持IE9标准模式

    这里我们关注的问题是如何在jQuery中正确地获取具有特定name属性且被选中的所有复选框,同时确保在IE9的标准模式下也能正常工作。 原先的jQuery选择器表达式是: ```javascript var selectChks = $("input[type=...

    自定义购物车二级checkbox 全选、单个选择

    当用户选中或取消选中一个子checkbox时,我们需要检查所有子checkbox的选中状态,如果所有的商品都被选中,则全选checkbox应被设置为选中;反之,如果存在未被选中的商品,全选checkbox应取消选中。 在实现兼容性时...

    解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

    这个问题在现代浏览器中通常不会出现,但在较旧的IE版本中是一个常见问题。 首先,让我们深入理解问题的本质。在HTML中,`&lt;label&gt;`标签用于关联一个表单元素,通常是为了提高可访问性和用户体验。当用户点击`...

    自定义radio&checkbox;样式

    3. **使用`:checked`伪类**:通过`:checked`伪类,当Radio或Checkbox被选中时,可以改变关联元素的样式。 ```css input[type="radio"]:checked + label { /* 添加选中时的样式 */ } ``` 4. **利用伪元素`:...

Global site tag (gtag.js) - Google Analytics