ztree实现checkbox树形菜单,并且父级节点不可选中(只有父级和子级菜单);如何获取选中子节点存储到数据库

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内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值