实现ztree 点击文字，也可以选中前面的复选框 radio 或者 checkbox

最新推荐文章于 2021-06-04 00:22:55 发布

zhengbingmei

最新推荐文章于 2021-06-04 00:22:55 发布

阅读量4k

点赞数

分类专栏：前端开发文章标签： ztree

前端开发专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何配置zTree使得用户点击节点文本时，能够选中对应的复选框。通过设置`callback`中的`onClick`函数实现这一功能。

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

实现ztree 点击文字，也可以选中前面的复选框 radio 或者 checkbox

在设置树的时候，加上这句话

callback: {
onClick: function (e, treeId, treeNode, clickFlag) {
zTree.checkNode(treeNode, !treeNode.checked, true);
}

}

var setting = {
    check: {
        enable: true,
        chkboxType: {"Y": "ps", "N": "ps"}
    },
    data: {
        simpleData: {
            enable: true
        }
    },
    view: {
        showIcon: false
    },
    callback: {
        onClick: function (e, treeId, treeNode, clickFlag) {
            treeObj.checkNode(treeNode, !treeNode.checked, true);
        }
    }

};

$.fn.zTree.init($("#treeDemo"), setting, zNodes);

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");