1.給樹物件的 config 物件新增一個控制 checkbox 是否顯示的屬性；

this.config = { target : null, folderLinks : true, useSelection : true, useCookies : true, useLines : true, useIcons : true, useStatusText : false, closeSameLevel : false, inOrder : false, check:true //**新加的 }

2.修改節點物件的 toString()方法，新增...input type="checkbox"...程式碼；在dtree 的dTree.prototype.node = function(node, nodeId)方法的if (this.config.useIcons)最後加上：

if(this.config.check==true){ str+= '<input type="checkbox" id="c'+ this.obj + nodeId + '" onclick="javascript:'+this.obj+'.cc('+nodeId+')"/>'; }

3.寫 checkbox 頁面元素的 onclick 事件處理函式

 dTree.prototype.cc=function(nodeId){ var cs = document.getElementById("c"+this.obj+nodeId).checked; var n,node = this.aNodes[nodeId]; var len =this.aNodes.length; for (n=0; n<len; n++) { if (this.aNodes[n].pid == node.id) { document.getElementById("c"+this.obj+n).checked=cs; this.cc(n); } } if(cs==false){ var clicknode=node do{ for(j=0;j<len;j++){ if(this.aNodes[j].pid==clicknode.pid&&document.getElementById("c"+this.obj+j).checked==true){ return; } } if(j==len){ for(k=0;k<len;k++){ if(this.aNodes[k].id==clicknode.pid){ document.getElementById("c"+this.obj+k).checked=false; clicknode=this.aNodes[k]; break; } } } }while(clicknode.pid!=-1); } if(cs==true){ var pid=node.pid; var bSearch; do{ bSearch=false; for(n=0;n<len;n++){ if(this.aNodes[n].id==pid){ document.getElementById("c"+this.obj+n).checked=true; pid=this.aNodes[n].pid; bSearch= true; break; } } }while(bSearch==true); } }

在這引用了kakarot的baidu部落格裡的文章(http://hi.baidu.com/kakarot_java/blog/item/0925d5178a68c2044b90a7ae.html)，在這要感謝kakarot,我只是在他基礎上加以改進，原先他的不足之處在於，當點中根節點時，所有的節點能選中，但當根節點的所有節點取消選中時，根節點不能自動也取消選中。