`

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”)

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

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

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

    在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变为已选中,而是继续保持取消选中状态。 在Chrome等浏览器下,第一次单击会...

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

    在IE中,在使用checkbox或radio时,你会发现有时不能通过CheckBoxObject.checked = true或CheckBoxObject.setAttribute(‘checked’, true)的方法使checkbox或radio被预选中。 解决这个问题的方法就是利用checkbox或...

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

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

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

    在IE7,IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到,length总为0于是查资料,发现如下写法var selectChks = $(“input[type=checkbox][name=productItem]:checked”);经测试在IE7,IE8和IE9兼容模式...

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

    初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 代码如下: &lt;input type=”checkbox” id=”chk_... 难道是在IE下这段代码没工作? 验证一下,在这段脚本前后各加一个

    自定义radio&checkbox;样式

    自定义radio&checkbox;样式,不兼容IE8。利用css3选择器讲样式重构默认radio&checkbox;样式,可以自行优化样式代码。

    GridView中点击CheckBox选中一行来改变此行的颜色

    代码如下: ”选择”&gt; ”Center”/&gt; //居中显示 &lt;ItemTemplate&gt; ”ckbSelect” runat=”server” AutoPostBack=”true” xss=removed&gt; &lt;/ItemTemplate&gt; &lt;/asp&gt; 后台: 代码如下: /// &lt;summary&gt; /// checkbox选中时,...

    解决jquery操作checkbox火狐下第二次无法勾选问题

    最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=...这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中

    Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了。本例中,使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果: Insus...

    jQuery1.9.1针对checkbox的调整方法(prop)

    在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下...IE10,Chrome,FF中,对于选中状态,第一次$(‘#checkbox’).attr(‘checked’,true)可以实现但是当通过代码清除选中,下次再通过代码 $(‘#checkbox

    HTML5 CheckBox Radio按钮美化特效.rar

    基于jquery HTML5 CheckBox Radio按钮美化特效,演示了不一样的checkbox和Radiobox,加入了点击动画效果,鼠标点击后选中状态也是与默认的风格不一样,如截图所示的为本款效果,更多详情细节请下载本示例自己测试...

    checkbox:React复选框

    兼容性 IE浏览器/边缘 火狐浏览器 Chrome合金 苹果浏览器 电子IE11,Edge 最近2个版本最近2个版本最近2个版本最近2个版本 原料药名称类型默认描述前缀Cls 细绳rc-复选框班级名称细绳'' 根节点的附加类名名称细绳与本...

    jquery操作checkbox火狐下第二次无法勾选的解决方法

    最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选、反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果。 html代码如下: 你爱好的运动是 &lt;...

Global site tag (gtag.js) - Google Analytics