<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>
ZTREE DEMO -
checkbox</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="
zTreeStyle.css" type="text/css">
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.
ztree.core.js"></script>
<script type="text/javascript" src="jquery.
ztree.excheck.js"></script>
<SCRIPT type="text/javascript">
var setting = {check: {enable: true},data: {simpleData: {enable: true}}};
var zNodes =[
{ id:1, pId:0, name:"全选", open:true},
{ id:11, pId:1, name:"报表", open:true},
{ id:111, pId:11, name:"报表管理",open:true},
{ id:112, pId:11, name:"报表概况",open:true},
{ id:12, pId:1, name:"我的", open:true},
{ id:121, pId:12, name:"修改密码",open:true},
{ id:122, pId:12, name:"意见反馈",open:true}
];
$(document).ready(function(){
$.fn.
zTree.init($("#treeDemo"), setting, zNodes);
var
zTree = $.fn.
zTree.get
ZTreeObj("treeDemo"),
type = { "Y":'ps', "N":'ps'};
zTree.setting.check.chkboxType = type;
});
function aa(){
var treeObj=$.fn.
zTree.get
ZTreeObj("treeDemo");
nodes=treeObj.getCheckedNodes(true);
var nodes1 = treeObj.getNodes();
var aa1= treeObj.transformToArray(nodes1);
for(var i=0; i < aa1.length;i++){
var node = treeObj.getNodeByParam("id",aa1[i].id );
treeObj.checkNode(node,true,true);
treeObj.updateNode(node);
}
}
</SCRIPT>
</HEAD>
<BODY>
<div class="content_wrap">
<div class="
zTreeDemoBackground left">
<ul id="treeDemo" class="
ztree"></ul>
</div>
<button value="dianji" onclick="aa()" />
</div>
</BODY>
</HTML>
本文介绍了一个关于zTree复选框不显示的问题及其解决方案。问题出现在尝试使用zTree显示复选框时，虽然设置了启用复选框的参数，但实际页面中并未显示出复选框。经过排查发现是因为缺少必要的JS文件导致的。
扫一扫
323
到【灌水乐园】发言
