<div class="form-group">
????????<div class="row">
?????????<label class="col-sm-2 control-label">配置權限</label>
?????????<div class="col-sm-10">
??????????<c:forEach var="m" items="${model }">
???????????<c:forEach var="d" items="${m }">
????????????<c:if test="${d.level == 0 }">//最高等級
?????????????<div class="col-sm-12" style="
??????????????<input type="checkbox" value="${d.id }" name="roleMenu" οnclick="changeSubMenu(this)"><b>${d.name }</b>//選擇?根目錄? 其子目錄 全部選擇
?????????????</div>
????????????</c:if>
????????????<c:if test="${d.level != 0 }">//根目錄 對應的子目錄
?????????????<div class="col-sm-12">
??????????????<input type="hidden" name="${d.superId }">
??????????????<input type="checkbox" value="${d.id }" name="roleMenu">${d.name }
?????????????</div>
????????????</c:if>
???????????</c:forEach>
??????????</c:forEach>
?????????</div>
????????????????????????? </div>
???????</div>

?

?

　　function changeSubMenu(obj){
??????? ?if(obj.checked){
?????????? ??$("input[type='hidden'][name='"+obj.value+"'] + input").prop("checked", "checked");
??? ?? ?}else{
??????? ???? $("input[type='hidden'][name='"+obj.value+"'] + input").prop("checked", false);
?????? ?}
???
????? }

轉載于:https://www.cnblogs.com/difme/p/5390002.html

總結

以上是生活随笔為你收集整理的权限分配界面 纯手工 仅用到bootstrap的架构 以及 c标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。