美文网首页
TP5基于layui的权限选择

TP5基于layui的权限选择

作者: 9a3f5cd213ba | 来源:发表于2019-08-12 15:49 被阅读0次

    页面如下:

    大致功能:

            父节点可联接子节点,达到全选/全不选的功能;

            子节点则是当子节点被选中时,父节点同时被选中,当父节点下的最后一个子节点被取消选中时,父节点同步被取消选中。

    上代码:

    链接: https://pan.baidu.com/s/1XdHVUJGl5b2ifVzzkjk8yQ 提取码: kjqh

    逻辑:

    1:监听lay-filter为group的父节点复选框

    2:点击时获取父节点的id值

    3:将和此id相同class的子节点全部选中,更新复选框

    4:监听lay-filter为group_child的子节点复选框,并获取他的check_child属性值

    5:判断子节点是否全灭,是则灭了父节点,否则选中父节点,具体原理如下:

            先定义一个test变量,然后循环子节点,判断它的状态,若未被选中,则不做处理,若有子节点已被选中,则更新test变量,循环完成后,判断test变量是否被改变,做出后续处理

    以上

    相关文章

      网友评论

          本文标题:TP5基于layui的权限选择

          本文链接:https://www.haomeiwen.com/subject/tquujctx.html