1.使用ztree首先要匯入ztree的引入檔案（具體看自己需求，需要用ztree拓展功能的需要匯入拓展的js）、及樣式、圖片

注：ztree的樣式檔案必須和圖片檔案在同一級資料夾下
2.檔案引入之後，建立html頁面，樹形結構底層是

套
• ，如下圖所示即可
  
  3.html頁面建立完之後，開始搭建樹形結構，通過init（）方法初始化ztree；具體屬性請檢視ztree官方開發文件，本文所用的比較簡單，就不一一解釋了
  

以上帶checkbox的樹形就夠就做完了；其中zNodes 是樹形就夠的引數，引數型別參考ztree API文件。

下面講解一下如何獲取選中checkbox的子節點：
首先通過getZTreeObj()方法獲取到ztree的物件（user_tree是樹形結構ul的id值）

通過getCheckedNodes(checked)方法獲取符合節點的結合，checked = true 表示獲取 被勾選 的節點集合

checked = false 表示獲取 未勾選 的節點集合，

獲取到集合後遍歷集合，nodes.屬性名即可獲取被選中的checkbox內容。