更简洁 更好扩展性重写下面这段代码

[皮卡丘_后盾]

						<div style="width: 20%;height:90%;border:1px solid #1282B5;overflow:auto;">
				   		<input type="checkbox" id="cbSelectAll" onClick="$('[name=treeNode]').attr('checked', this.checked)" />
						<label for="cbSelectAll">全选</label>
				   		<!-- 第一级 -->
				   		<ul id="root">
				   		<c:forEach items="${treeDatas}" var="tree">
				   		<li>
				   			<input type="checkbox" name="treeNode" class="treeNode" <c:forEach items='${aids}' var='item'><c:if test="${item == tree.id}">checked</c:if></c:forEach> value="${tree.id}" id="cb_${tree.id}"/>
							<label for="cb_${tree.id}"><span class="folder">${tree.text}</span></label>
							<%-- 第二级 --%>
							<ul>
							<c:forEach items="${tree.children}" var="tree2">
								<li>
					    			<input type="checkbox" name="treeNode" <c:forEach items='${aids}' var='item'><c:if test="${item == tree2.id}">checked</c:if></c:forEach> value="${tree2.id}" id="cb_${tree2.id}" >
									<label for="cb_${tree2.id}"><span class="folder">${tree2.text}</span></label>
									<%-- 第三级 --%>
									<ul>
									<c:forEach items="${tree2.children}" var="tree3">
										<li>
							    			<input type="checkbox" name="treeNode" <c:forEach items='${aids}' var='item'><c:if test="${item == tree3.id}">checked</c:if></c:forEach> value="${tree3.id}" id="cb_${tree3.id}" >
											<label for="cb_${tree3.id}"><span class="folder">${tree3.text}</span></label>
										</li>
									</c:forEach>		
									</ul>
								</li>
							</c:forEach>		
							</ul>
						</li>    
				   		</c:forEach>
				   		</ul>
				   	</div>

如果要在扩展一层，按照这段代码还得再写一个循环

[皮卡丘_后盾]

引用 1 楼 magexellos 的回复:

树形目录结构。看一下JQuery的ZTree框架。自己写蛋略疼。

框架都用过，但是就是想这样写一下

[MageXellos]

树形目录结构。看一下JQuery的ZTree框架。自己写蛋略疼。