<!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中初始化已选中的节点。通过JavaScript代码，当页面加载时，根据预设的节点ID，zTree会自动勾选并展开相应的节点。文章包含zTree的相关CSS和JS引用，以及初始化、获取选中节点等功能的实现函数。
最低0.47元/天 解锁文章
1012
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
