WebRoot/commfiles/js/tree/superDemo_check&radio.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
 <HEAD>
  <TITLE> ZTREE DEMO </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="demoStyle/demo.css" type="text/css">
  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
  <script type="text/javascript" src="jquery-ztree-2.5.js"></script>
  <script type="text/javascript" src="demoTools.js"></script>
  <style type="text/css">
  .test {
  	margin: 0 0 0 5px;
  }
  .radioBtn {
  	height: 16px;
 	vertical-align: middle;
  }
  .checkboxBtn {
 	vertical-align: middle;
  }
  </style>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var zTree1;

	var IDMark_A = "_a";
	
	var setting= {
		//expandSpeed:"",
		fontCss: setFontCss,
		addDiyDom: addDiyDom,
		callback: {
			beforeClick: zTreeOnBeforeClick,
			beforeExpand: zTreeOnBeforeExpand,
			expand: zTreeOnExpand
		}
	};

	var zNodes =[
	 	{id:1, name:"CPU",
		 	nodes:[
		 	       {id:11, name:"Intel"},
		 	       {id:12, name:"AMD"}
			]},
	 	{id:2, name:"主板",
	 		nodes:[
		 	       {id:21, name:"华硕"},
		 	       {id:22, name:"技嘉"},
		 	       {id:23, name:"微星"},
		 	       {id:24, name:"七彩虹"},
		 	       {id:25, name:"映泰"}
			]},
		{id:3, name:"显卡",
	 		nodes:[
		 	       {id:31, name:"华硕"},
		 	       {id:32, name:"索泰"},
		 	       {id:33, name:"微星"},
		 	       {id:34, name:"影驰"},
		 	       {id:35, name:"七彩虹"}