一个JSP页面勾选左侧复选框的树,右侧出现勾选项新组成的树

图片说明
<br> function appendnodes(){<br> var k= getTreeSelected();<br> /* var node = $(&#39;#tt&#39;).tree(&#39;getselected&#39;); */</p> <pre><code>var nodes = $(&#39;#tree&#39;).tree(&#39;getChecked&#39;); /* alert(nodes) */ $(&#39;#tt&#39;).tree(&#39;append&#39;,{ //partent:node.taget, data:nodes }); } </code></pre> <p>function removenodes(){<br> var k= getTreeSelected();<br> /* var node = $(&#39;#tt&#39;).tree(&#39;getselected&#39;); */</p> <pre><code> var nodes = $(&#39;#tree&#39;).tree(&#39;getChecked&#39;); /* alert(nodes) */ $(&#39;#tt&#39;).tree(&#39;remove&#39;,{ //partent:node.taget, data:nodes }); } </code></pre> <p>//debugger;//debugger 语句用于停止执行 JavaScript,并调用 (如果可用) 调试函数。<br> //获原始树结构所选节点的数据数组<br> function getTreeSelected()<br> {</p> <pre><code>var nodes = $(&#39;#tree&#39;).tree(&#39;getChecked&#39;); var arr = new Array(); //向arr数组尾部逐一追加nodes[]元素 for (var i = 0; i &lt; nodes.length;i++) { arr.push(nodes[i]); myFuc(nodes[i]); } return arr; //内部递归函数 function myFuc(n) { var parent = $(&#39;#tree&#39;).tree(&#39;getParent&#39;, n.target); if (parent == null) return; if (isExistItem(parent)) return; arr.push(parent); myFuc(parent); } //验证节点是否已存在数组中 function isExistItem(item) { var flag = false;//定义标记,用于判断 for (var i = 0; i &lt; arr.length;i++) { if (arr[i] == item) { flag = true; break; } } return flag; } </code></pre> <p>}</p> <pre><code>&lt;/script&gt; </code></pre> <pre><code> </code></pre>

你可以试试miniui封装好的插件