權限分配界面 純手工 僅用到bootstrap的架構 以及 c標簽

<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);
?????? ?}
???
????? }