1.使用ztree首先要导入ztree的引入文件(具体看自己需求,需要用ztree拓展功能的需要导入拓展的js)、及样式、图片
注:ztree的样式文件必须和图片文件在同一级文件夹下
2.文件引入之后,创建html页面,树形结构底层是< ul>套< li>,如下图所示即可
3.html页面创建完之后,开始搭建树形结构,通过init()方法初始化ztree;具体属性请查看ztree官方开发文档,本文所用的比较简单,就不一一解释了
以上带checkbox的树形就够就做完了;其中zNodes 是树形就够的参数,参数类型参考ztree API文档。
下面讲解一下如何获取选中checkbox的子节点:
首先通过getZTreeObj()方法获取到ztree的对象(user_tree是树形结构ul的id值)
通过getCheckedNodes(checked)方法获取符合节点的结合,checked = true 表示获取 被勾选 的节点集合
checked = false 表示获取 未勾选 的节点集合,
获取到集合后遍历集合,nodes.属性名即可获取被选中的checkbox内容。