在线求助 ：如何把一个带复选框的树，选中其中的复选框，点击button 把选中的节点值移入到div中,移入时也希望移入的时候也带有复选框，也可以把选中的移除？

Question

  我用的是带复选框的梅花雪（MzTreeView）这个树控件，现在想选择其中的树的节点根据节点，点击一个按钮 把树中选中的值，移入到一个Div中。但是移入div中的值也希望带有一个复选框。而且也可以选中DIV中的复选框，点击另一个按钮把选中的移除！在下JS功夫比较差，所以还请各位多多帮忙 ！！

Answer 1

$(document).ready(function(){
  
   $("#btn").click(function(){
        var text = $("#test").text();
$("#slet").append("<option>"+text+"</option>");
$("#test").html("");
   });
   $("#btn2").click(function(){
        $("#slet").children("option:selected").remove();
//alert(aa)
   });
});html:<div id="test">dd</div>
<select id="slet">
    <option class="option">aa</option>
    <option class="option">bb</option>
    <option class="option">cc</option>
</select>
<input type="button" id="btn" value="添加到select" />
<input type="button" id="btn2" value="取消选中的" />

Answer 2

没用过那个控件……
就用简单的checkbox模拟一下了  <TABLE>
  <TR>
<TD width=50>
<INPUT TYPE="checkbox" NAME="chkL" value="1">1
<br><INPUT TYPE="checkbox" NAME="chkL" value="2">2
<br><INPUT TYPE="checkbox" NAME="chkL" value="3">3
<br><INPUT TYPE="checkbox" NAME="chkL" value="4">4
<br><INPUT TYPE="checkbox" NAME="chkL" value="5">5
<br><INPUT TYPE="checkbox" NAME="chkL" value="6">6
</TD>
<TD>
<INPUT TYPE="button" VALUE="->" ONCLICK="toR()"><BR>
<INPUT TYPE="button" VALUE="×" ONCLICK="remove()" name="del" disabled>
</TD>
<TD width=50>
<div id="div1"></div>
</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function toR(){
for (var i=0; i<chkL.length; i++)
{
if (chkL[i].checked) {
var div_sub = document.createElement("div"); //创建div，将复选框和显示的值塞进去
div_sub.innerHTML = '<INPUT TYPE="checkbox" NAME="chkR" value="'+ chkL[i].value +'">'+ chkL[i].value;
div1.appendChild(div_sub); //将创建的div塞到大div里去
chkL[i].checked = false; //左侧勾子去掉
del.disabled = false; //删除按钮激活
}
} }
function remove(){
for (var i=chkR.length-1; i>=0; i--)
{
if (chkR[i].checked) {
div1.removeChild(chkR[i].parentNode); //大div移除含选中复选框的小div（这样复选框和显示文字就一并移除了）
}
}
if (div1.childNodes.length ==0) del.disabled = true; //如果右边删光光了，删除按钮disabled
}
  //-->
  </SCRIPT>