<!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.getZTreeObj("treeDemo"),
type = { "Y":'ps', "N":'ps'};
zTree.setting.check.chkboxType = type;
});
function aa(){
var treeObj=$.fn.zTree.getZTreeObj("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树节点前面有checkbox
需积分: 50 104 浏览量
2017-09-27
11:38:51
上传
评论
收藏 69KB RAR 举报
excheck.rar （20个子文件） 
excheck 
jquery-1.4.4.min.js 77KB img diy 
5.png 710B 9.png 467B 1_close.png 601B 1_open.png 580B 6.png 432B 2.png 570B 7.png 534B 4.png 399B 8.png 529B 3.png 762B
zTreeStandard.gif 5KB line_conn.gif 45B zTreeStandard.png 11KB loading.gif 381B jquery.ztree.core.js 87KB checkbox.html.bak 2KB
checkbox.html 2KB zTreeStyle.css 6KB jquery.ztree.excheck.js 21KB资源评论
