jquery ztree 设置勾选_zTree点击文字勾选复选框

1、问题背景

系统利用zTree插件生成下拉复选树，点击文字勾选复选框

2、实现源码

zTree点击文字勾选复选框

$(document).ready(function(){

//初始化树

zTree = $.fn.zTree.init($("#treeSelect"), setting, datas);

});

//设置

var setting = {

check: {

enable: true

},

data: {

simpleData: {

enable: true

}

},

callback: {

onClick: function (e, treeId, treeNode, clickFlag) {

zTree.checkNode(treeNode, !treeNode.checked, true);

}

},

}, zTree;

//数据

var datas =[

{ id:1, pId:0, name:"树", open:true},

{ id:11, pId:1, name:"松树", open:true},

{ id:12, pId:1, name:"樟树", open:true},

{ id:2, pId:0, name:"花", checked:true, open:true},

{ id:21, pId:2, name:"梅花"},

{ id:22, pId:2, name:"桃花", open:true}

];

3、实现结果

以上就是zTree点击文字勾选复选框的内容，更多相关内容请关注PHP中文网(www.php.cn)！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！