交换行后为何选中的checkbox变成未被选中？

估计是swapNode会自动初始化可以用table.deleteRow insertRow moveRow间接实现或者把table.outerHTML中的row1.outerHTML和row2.outerHTML字符串互换一下

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">

    function swapit(obj)
    {
    var p = obj.parentNode.parentNode;
    var chkid = p.childNodes[0].childNodes[1].id;
    var chked = p.childNodes[0].childNodes[1].checked;

    p.swapNode(p.nextSibling); if (chked)
    {   document.getElementById(chkid).checked = true; }
    }</script>
    </HEAD><BODY>
    <TABLE id="utable" border="1" width="50%" cellpadding="0" cellspacing="1">
    <TR>
    <TD>hello<INPUT name="chk0" id="chk0" TYPE="checkbox" NAME=""></TD>
    <TD><input type="button"  onclick="swapit(this);return true;" value="Swap!!"></TD>
    </TR>
    <TR>
    <TD>HELLO 2</TD>
    <TD>WROLD 2</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>