直接用单元格innerHTML属性互相copy

解决方案 »

  1.   

    静态的方法:
     两边事同样的内容,然后把右边的隐藏
     点击‘>’后,根据左边是否被选中控制右边的显示
    动态的方法
     点击‘>’后 ,在右边动态增加与选中的CheckBox相同内容的CheckBox
      

  2.   

    <TABLE border=1>
    <TR>
    <TD id=chk1>
    <input type="checkbox" value="a">a
    <input type="checkbox" value="b">b
    <input type="checkbox" value="c">c
    <input type="checkbox" value="d">d

    </TD>
    <TD>
    <input type="button" value=">" onclick="chk2chk('chk1')">
    <input type="button" value="<" onclick="chk2chk('chk2')">
    </TD>
    <TD id=chk2>
    <input type="checkbox" value="e">e
    </TD>
    </TR>
    </TABLE><SCRIPT LANGUAGE="JavaScript" charset="GBK">
    <!--function chk2chk(s)
    {
    var str = (s == "chk1") ? "chk2" : "chk1";
    var FObj = document.getElementById(s);
    var TObj = document.getElementById(str); for (var i= (FObj.childNodes.length -1) ;i>=0;i--)
    {
    if (FObj.childNodes[i].tagName == "INPUT" && FObj.childNodes[i].type ==  "checkbox")
    {
    if (FObj.childNodes[i].checked == true)
    {//yidong
    TObj.appendChild(FObj.childNodes[i]);
    FObj.removeChild(FObj.childNodes[i]);
    }
    else
    {//donothing
    }
    }
    }
    }