ztree当父节点是选中状态下实现点击父节点时只取消自己的选中状态，再次点击时再取消自己以及自己所有儿子的选中状态

最新推荐文章于 2021-01-11 00:36:14 发布
最新推荐文章于 2021-01-11 00:36:14 发布
阅读量679 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Caroline_Yang/article/details/89358430
版权
本文介绍如何在ztree中实现已选中父节点被点击时，仅取消自身选中状态，再次点击则取消自身及其所有子节点的选中状态。解决方案涉及ztree的API交互和事件处理。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<HTML>
<HEAD>
	<TITLE> ZTREE DEMO - checkbox</TITLE>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript">
		var switcha=false;
		var setting = {
			check: {
				enable: true,
				chkboxType: { "Y&
最低0.47元/天 解锁文章
Caroline_Yang
关注
zTree取消选中状态
程诺
08-08 3万+
在官方的API中发现了一个这样的方法： zTreeObj.cancelSelectedNode function 举例 1. 取消当前所有被选中节点的选中状态var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.cancelSelectedNode(); 取消当前第一个被选中节点的选中状态 var treeObj = $.fn.zTree.
zTree取消选中或取消勾选所有节点
qq_41829337的博客
07-21 1775
zTree取消选中或取消勾选所有节点
easyui树 改变联动关系,选择父,同时选择子;子全部取消,父不取消
09-13
1.此文件为demo,使用easyui json格式加载数据 2.本人亲测可行,已经运用到项目中 3.暂没发现不兼容的问题:本人使用IE和谷歌
关于zTree关闭父节点点击事件问题
sinat_36465520的博客
05-08 1991
这个方法虽然比较死，但是可行 给父节点的url值这是为javascript:void(0)
ztree自动勾选或者自动取消勾选的几种方式。
Yetian_2000的博客
01-04 2275
1.取消所有节点勾选 this.treeObj.checkAllNodes(false);//取消所有节点的选中状态 2.选中某个节点 this.treeObj.checkNode(treeNode,true,false,false);//第三个参数false表示，勾选本节点，不会级联到子节点选中//这样就在setting:{check:{chkboxType:{'Y':'ps','N':'ps'} } }是没有作用的。 3.改变某个树节点对象的checked参数，然后构建树，就可以进行自动勾选。
js 节点 选中ztree_关于Jquery和Ztree的应用和总结
weixin_28700411的博客
01-11 98
关于Jquery和Ztree的应用和总结树状结构目录显示比较流行的有dtree、xtree、EXTtree、E3tree、ztree。Ztree是所有中功能最强大的树。Dtree和Xtree已经逐步淘汰，EXTtree、E3tree功能不全。ZTree是一个依靠 jQuery 实现的多功能 “树插件”，支持选择框等显示，动态更改图标，提供多种事件响应回调，而且异步数据功能强大。示例如下：添加相关C...
vue点击取消再点击选中（单选）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
04-14 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单选（点击选中，点击取消）</title> <script src="https://cdn.bootcss.com/vue/2.5.22/vue.js"&g...
jQuery插件zTree实现单独选中根节点中第一个节点示例
10-20
在本文中，我们将深入探讨如何使用jQuery插件zTree实现单独选中根节点中的第一个节点。zTree是一款功能丰富的jQuery树形控件，它能够帮助开发者轻松创建交互式的树状结构，广泛应用于网站导航、组织架构展示等领域。...
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
11-26
这个功能对于需要动态管理树结构的场景特别有用，例如用户取消某个父节点下的所有子节点选择。 **实现步骤**： 1. **HTML结构**：首先，我们需要在HTML文档中设置一个用于展示zTree的`<ul>`元素，这里我们将其ID...
在父页面得到zTree已选中的节点的方法
09-03
在某些应用场景中，我们可能需要在父页面中获取子页面（通常是一个`<iframe>`）中zTree已经选中的节点信息。本文将详细介绍如何在父页面中获取这些信息，并提供实例分析，以便更好地理解和应用。 首先，我们要明确...
zTree取消节点的选中状态
jsdxshi的博客
08-01 1万+
zTree取消选中的节点： 一、查看zTree官网文档 http://www.treejs.cn/v3/api.php： function 举例 1. 取消当前所有被选中节点的选中状态 var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.cancelSelectedNode(); 2. 取消当前第一个被选中节点的选中状态 v
ztree父节点半选中状态下，如何去掉父节点
litCabbage的博客
05-15 825
function _LT_OnCheckFn(event, treeId, treeNode) { var treeObj = $.fn.zTree.getZTreeObj(treeId); var nodes = treeObj...
ztree设置默认节点选中
qq_40600414的博客
08-03 8576
zTree如何设置默认选择节点zTree的节点选中分为两种设置默认select默认选中节点设置check选中状态容易出错的地方 zTree的节点选中分为两种 zTree的选中一种是像复选框那样选中，那种选中的关键词为check，如图所示 另一种为通过鼠标单击的选中状态，这一种选中为select，如下图所示 设置默认select默认选中节点 在设置select选中节点之前首先需要获得要设置选中的节点， var ztree = $.fn.zTree.getZTreeObj("treeDemo"); va
ZTree 设置默认选中节点
热门推荐
18岁的骚年
07-30 3万+
设置node节点checked选中,有两种方法实现: （1）、zTree.checkNode(node, true, true); （2）、node.checked = true;   zTree.updateNode(node);  设置checked属性之后，一定要更新该节点。 function initZTree() { $.ajax({ url: "/gcsoft/menu/...
Ztree取消选中的所有节点
不见长安见晨雾
06-17 6108
var treeObj = $.fn.zTree.init($("#zTree"), setting, data.obj); treeObj.checkAllNodes(false); treeObj.cancelSelectedNode();
zTree选中本节点时自动选中其子节点
lip86的专栏
07-20 6467
在setting中check下的chkboxType = { "Y" : "s", "N" : "s" }; Y指的是勾选checkbox的时候对父结点或子结点产生的影响 N指的是取消checkbox的时候对父结点或子结点产生的影响 大小写是有区别的。s指子结点，p指父结点
zTree：实现单选/取消父子关联等
夏至的博客
05-18 2万+
zTree单选。取消父子节点关联
ztree获取选中节点的所有父节点
最新发布
09-13
你可以使用 zTree 的 `getSelectedNodes` 方法获取选中节点的所有信息，包括父节点。然后，你可以使用这些信息来获取选中节点的所有父节点。 以下是一个示例代码： ```javascript // 获取选中节点的所有父节点 function getSelectedNodeParents() { var zTreeObj = $.fn.zTree.getZTreeObj("treeId"); // 替换为你的 zTree 对象的 ID var selectedNodes = zTreeObj.getSelectedNodes(); var parentNodeList = []; if (selectedNodes.length > 0) { var node = selectedNodes[0]; parentNodeList = node.getPath(); // 获取节点的路径（包括父节点） } return parentNodeList; } ``` 在上面的代码中，`getSelectedNodeParents` 函数会返回一个包含选中节点的所有父节点的数组。你需要将 `"treeId"` 替换为你实际使用的 zTree 对象的 ID。 希望以上信息对你有所帮助！如果有任何其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值