EL表达式循环、设置、函数等应用，工作中用到的几个方法

最新推荐文章于 2022-01-09 23:31:17 发布

甲壳虫

最新推荐文章于 2022-01-09 23:31:17 发布

阅读量333

点赞数

分类专栏： Java 文章标签： java JavaScript ViewUI

Java 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用JSP和EL表达式实现菜单权限递归展示的方法。通过遍历菜单列表并构建多级菜单结构，结合JavaScript实现了子项选择时父项自动选中以及取消子项选择时检查父项是否仍被选中的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<c:forEach items="${menuList}" var="menuItem">
	<c:set value=",${menuItem.id }," var="id"/>
	<c:if test="${menuItem.parentId==0 }">
		<div class="sm-k" id="div${menuItem.id }">
		<div class="sm-k1">
			<div class="sm-k4a">
				<div class="sm-k4a1"><input name="menu" id="menu${menuItem.id }" type="checkbox" value="${menuItem.id }" <c:if test="${fn:contains(ids, id)}">checked</c:if> onclick="subSelect('${menuItem.id}')"/></div>
				<div class="sm-k4a2">&nbsp;${menuItem.menuName }</div>
			</div>
		</div><br />
		<div class="sm-k4">
		<c:forEach items="${menuList}" var="subItem">
			<c:set value=",${subItem.id }," var="subId"/>
			<c:if test="${subItem.parentId==menuItem.id }">
				<div class="sm-k4a">
					<div class="sm-k4a1"><input name="subMenu" id="subMenu${subItem.id }" type="checkbox" value="${subItem.id }" <c:if test="${fn:contains(ids, subId)}">checked</c:if> onclick="menuSelect('${subItem.id}','${menuItem.id }')"/></div>
					<div class="sm-k4a2">&nbsp;${subItem.menuName }</div>
				</div>
			</c:if>
		</c:forEach>
		</div>
		</div>
	</c:if>
</c:forEach>

function subSelect(id){
	
	if($('#menu'+id).is(':checked')){
		$('#div'+id+' input').each(function(){
			$(this).attr("checked","true");
		});
	}else{
		$('#div'+id+' input').each(function(){
			$(this).removeAttr("checked");
		});
	}
	
}

function menuSelect(id,menuId) {
	
	if($('#subMenu'+id).is(':checked')){
		$('#menu'+menuId).attr("checked","true");
	}else{
		var c = 0;
		$('#div'+menuId+' input[name="subMenu"]').each(function(){
			if($(this).attr("checked")=='checked'){
				c =1;
			}
		});
		if(c>0){
			$('#menu'+menuId).attr("checked","true");
		}else{
			$('#menu'+menuId).removeAttr("checked");
		}
	}
}