ZTree的全选反选全不选取消清空

全选

          //全选$('#c_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu");//得到tree对象 treeMenu是我的treeidvar node = zTree.getNodes();//得到全部节点var nodes = zTree.transformToArray(node);//全部节点转换成数组arrayvar checkNode = zTree.getCheckedNodes().length;//得到被选中的节点数量,zTree.getCheckedNodes()和zTree.getCheckedNodes(true)一样,可以传参(true/false),默认是trueif (checkNode < nodes.length) {//已选中的节点数小于总数 - 全选$('#all').prop('checked', true)zTree.checkAllNodes(true);//给全部节点设置为true} else{zTree.checkAllNodes(false);//给全部节点设置为false}});

反选

     //反选$("#f_all").click(function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu"); //ztree对象var checked = zTree.getCheckedNodes(true);//得到选中的节点var checkeds = zTree.transformToArray(checked); //转变为数组var checkNode = zTree.getCheckedNodes(true).length;//选中的节点数量var node = zTree.getNodes();//全部节点var nodes = zTree.transformToArray(node);//全部节点数量if(checkNode< nodes.length){//已选中的节点数小于总数 - 全选zTree.checkAllNodes(true);//给所有的都设置为true$.each(checkeds, function(index,node) {//之前选中的节点为falsezTree.checkNode(node, false, false);});}else{zTree.checkAllNodes(false);//否则所有的都设置为false}});

全不选取消清空

//清空
$('#r_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu");//ztree对象zTree.checkAllNodes(false);//设置全部为false,不选中节点});

渲染tree+提交tree(layer的弹窗)

layer.open({type: 1,title: '菜单管理',area: ['600px', '470px'],offset: '50px',content: '<div style="text-align:center;margin-top:10px">' +'<button  type="button" class="layui-btn layui-btn-primary layui-btn layui-btn-sm" id="c_all" lay-filter="c_all" >全选</button> '+'<button  type="button" class="layui-btn layui-btn-primary layui-btn layui-btn-sm" id="f_all" lay-filter="f_all" >反选</button> '+'<button  type="button" class="layui-btn layui-btn-danger  layui-btn layui-btn-sm" id="r_all" lay-filter="r_all" >清空</button></div>' +'<ul id="treeMenu" class="ztree" style="padding: 25px 0px 20px 60px;"></ul>',btn: ['保存', '关闭'],btnAlign: 'c',success: function (layero, index) {$(layero).children('.layui-layer-content').css('overflow-y', 'auto');layer.load(2);var setting = {check: {enable: true},data: {simpleData: {enable: true}}};admin.req('api-user/menus/'+roleId+'/'+systemId+'/menus', {}, function (data) {$.fn.zTree.init($('#treeMenu'), setting, data);layer.closeAll('loading');}, 'GET');},yes: function (index) {layer.load(1);var treeObj = $.fn.zTree.getZTreeObj('treeMenu');var nodes = treeObj.getCheckedNodes(true);var ids = new Array();for (var i = 0; i < nodes.length; i++) {ids[i] = nodes[i].id;}var data = new Object();data.roleId = roleId;data.menuIds = ids;admin.req('api-user/menus/granted', JSON.stringify(data) , function (data) {layer.closeAll('loading');if (0 == data.resp_code) {layer.msg(data.resp_msg, {icon: 1, time: 500});layer.close(index);} else {layer.msg(data.resp_msg, {icon: 2, time: 500});}}, 'POST');}});

ZTree的全选反选全不选取消清空相关推荐

【HTML5】页面点击按钮添加一行删除一行全选反选全不选
页面点击按钮添加一行删除一行全选反选全不选页面效果图如下 html页面代码 <!DOCTYPE html> <html><head>< ...
html网页全选效果,为什么我用js写的全选/反选/全不选页面，没有效果？
代码奉上清空买什么书? PHP HTML5 全选反选全不选 function checkall(form,status){ var elements = form.getElementByTa ...
jQuery 04day 滚动条与全选/反选/全不选
04 day 滚动条属性目录 04 day 滚动条属性全选/反选/全不选 1.scrollTop() :设置//读取滚动条Y坐标 2.$(document.body).scrollTop()+$( ...
ZTree的全选反选全不选取消清空
全选 //全选$('#c_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu") ...
html dom反选,Dom操作--全选反选
我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...
ztree树状实现全选反选
ztree实现全选反选操作:<form id="form" method="post"><div class="D608_compa ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
jquery的全选，全不选，反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...
html实现全选反选,jquery实现全选、不选、反选的两种方法
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...

ZTree的全选反选全不选取消清空

ZTree的全选反选全不选取消清空相关推荐

最新文章

热门文章

ZTree的全选 反选 全不选 取消 清空

ZTree的全选 反选 全不选 取消 清空相关推荐

最新文章

热门文章

ZTree的全选反选全不选取消清空

ZTree的全选反选全不选取消清空相关推荐