ztree 模糊搜索+checkbox多级联动选择

qq_42708369

于 2019-11-20 17:32:49 发布

阅读量644

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42708369/article/details/103167353

版权

本文介绍了如何使用ZTree实现模糊搜索功能，并结合checkbox进行多级联动选择。通过解析源码，理解其基础配置和工作原理，确保在搜索后呈现的数据基于原始数据进行正反选操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

源码：

css+js文件（直接下载官网demo，找到fuzzySearch.html）:

    <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.exhide.js"></script>
	<script type="text/javascript" src="../js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="../js/fuzzysearch.js"></script>

html:

<div class="content_wrap">
	<div class="checkedValue"
	style="
	margin-top:20px;
	height: 100px;
    width: 200px;
    border: 1px solid #ccc;"></div>
	<input type=

最低0.47元/天解锁文章