ztree自定义单选框

最新推荐文章于 2022-10-17 20:28:36 发布

静雄桑

最新推荐文章于 2022-10-17 20:28:36 发布

阅读量2.3k

点赞数

分类专栏： JavaScript 文章标签： javascript 插件

本文链接：https://blog.csdn.net/qq_36173194/article/details/77500657

版权

在 ZTree 插件中实现单选框功能并处理父子节点联动操作，当选择子节点时，父节点自动选中；反之，取消父节点选中则子节点也取消选中。通过 HTML 代码配置，可以达到单选和父子节点操作关联的效果。

摘要由CSDN通过智能技术生成

在使用ztree插件单选框时，有时需要父子节点操作关联，由于单选框特性，ztree并没有提供相关的功能，那么该如何实现选中子节点时，父节点自动变成选中状态，而父节点取消选中时，子节点也取消选中呢？

html代码

<span style="font-weight:bold;font-size:15px;">区域选择：</span>
                   		<input type="text" id="citySel" οnclick="showMenu()" readonly="readonly" placeholder="请选择区域" style="width:180px;font-weight:bold;"/>
                        <input type="text" id="parent_layer_idx" style="display:none;"/>
                        <div id="menuContent" style="display:none; position:absolute;background:#eee;overflow: auto;margin-top:40px;margin-left:83px;z-index:999">