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>
 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值