SoFunction
Updated on 2025-02-28

JavaScript multi-level checkbox selection effect


<%@ page contentType="text/html;charset=GBK"%>
<%@ page import=".*"%>
<%@ page import=""%>
<%@ page import=""%>
<%@ page import=""%>
<%@ page import="" %>
<%@ page import="" %>
<%@ page import=".*"%>
<%@ page import=""%>
<%
SchoolRoleVo schoolRoleVo = (SchoolRoleVo) ("schoolRoleVo");
List subjecGgroupList = (List) ("subjecGgroupList");
List gradeGroupList = (List) ("gradeGroupList");
List deptList = (List) ("deptList");
List groupList = (List) ("groupList");
String roleType=("roleType");
SchoolRolePrismsVo schoolRolePrismsVo=(SchoolRolePrismsVo)("schoolRolePrismsVo");
%>
<script type="text/javascript">
<%
if (deptList!=null) {
OrgDepartmentVo orgDepartmentVo=new OrgDepartmentVo();
String checkList = "";
String isCheck="";
for (int i=0;i<();i++) {
isCheck="";
orgDepartmentVo = (OrgDepartmentVo) (i);
if(schoolRolePrismsVo!=null&&()!=null&&().indexOf(().toString()+",")>-1)
isCheck="checked";
checkList += "checkList["+i+"]=new makeTree("+()+
",'"+()+"',"+()+","+()+",'"+isCheck+"');";
}
(checkList);
}
%>
dispKidsByPid(0,0);
function showRoleRang(){
$('#roleRang').show();
}
function hideRoleRang(){
$('#roleRang').hide(1000);
}
function showDiv(divId){
$('.roleRangOption').each(function(i){
if(==divId)
().="";
else
().="none";
});
};
</script>
<form name="myForm" action="/school/?action=updateSchoolRole" method="post">
<input type="hidden" name="roleId" value="<%=schoolRoleVo ==null ?"":()%>"/>
<table align="center" >
<tr>
<td align="right">role name:</td>
<td>
<input type="text" name="roleName" <%="0".equals(roleType)?"readonly":"" %> dataType="LimitB" min="1" max="50" msg="The role name cannot be empty, and the length cannot be greater than 25 Chinese characters" class="input_style1" value="<%=schoolRoleVo!=null?(()!=null?():""):"%>"/>&nbsp;&nbsp;<span style="font-color:red">*</span>
</td>
</tr>
<tr>
<td align="right">Role description:</td>
<td>
<textarea name="roleDesc" <%="0".equals(roleType)?"readonly":"" %> rows="5" cols="50" require="false" datatype="Limit" msg="role description is no more than 128 Chinese characters" max="255"><%=schoolRoleVo!=null?(()!=null?():""):"%></textarea>
</td>
</tr>
<tr>
<td align="right">Number of text messages sent:</td>
<td>
<input type="text" name="totalNum" requires="false" datatype="Number" msg="The number of text messages must be number" class="input_style1" value="<%=schoolRolePrismsVo!=null&&()!=null?().toString():""%>"/>
The tick is now left <%=schoolRolePrismsVo!=null&&()!=null?().longValue()-().longValue():"0"%> ticks can be delivered
</td>
</tr>
<tr>
<td align="right">Send range:</td>
<td>
<input type="button" value="select" onclick="showRoleRang()"/>
<input type="button" value="okay" onclick="hideRoleRang()"/>
</td>
</tr>
<tr>
<td align="right"></td>
<td>
<div style="display:none">
<div class="basic" >
<a onclick="showDiv('div1')">System Options</a>
<div style="display:none" class="roleRangOption">
<p>
<input type="checkbox" name="sysOption" value="JS" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf("JS,")!=-1?"checked":"" %>>Teachers in the whole school<br/>
<input type="checkbox" name="sysOption" value="BZR" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf("BZR,")!=-1?"checked":"" %>>Classroom class teacher<br/>
<input type="checkbox" name="sysOption" value="XS" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf("XS,")!=-1?"checked":"" %>>All students in the school<br/>
<input type="checkbox" name="sysOption" value="JFRY" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf("JFRY,")!=-1?"checked":"" %>>Teaching aids in the school<br/>
</p>
</div>
<a onclick="showDiv('div2')">Administrative Department</a>
<div style="display:none" class="roleRangOption">
<p style="height:100px;overflow :scroll">
</p>
</div>
<a onclick="showDiv('div3')">Discipline Group</a>
<div style="display:none" class="roleRangOption">
<p style="height:100px;overflow :scroll">
<%
if(subjecGgroupList!=null&&!()){
for(int i=0;i<();i++){
MasSubjectVo masSubjectVo = (MasSubjectVo) (i);
%>
<input type="checkbox" name="subjectOption" value="<%=() %>" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf(().toString()+",")!=-1?"checked":"" %>><%=() %><br/>
<%
}
}
%>
</p>
</div>
<a onclick="showDiv('div4')">Grade Group</a>
<div style="display:none" class="roleRangOption">
<p>
<%
if(gradeGroupList!=null&&!()){
for(int i=0;i<();i++){
MasGradeVo masGradeVo = (MasGradeVo) (i);
%>
<input type="checkbox" name="gradeOption" value="<%=() %>" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf(().toString()+",")!=-1?"checked":"" %>><%=() %><br/>
<%
}
}
%>
</p>
</div>
<a onclick="showDiv('div5')">In-school grouping</a>
<div style="display:none" class="roleRangOption">
<p style="height:100px">
<%
if(groupList!=null&&!()){
for(int i=0;i<();i++){
OrgBgroupVo orgBgroupVo=(OrgBgroupVo)(i);
%>
<input type="checkbox" name="groupOption" value="<%=() %>" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf(().toString()+",")!=-1?"checked":"" %>><%=()%><br/>
<%
}
}
%>
</p>
</div>
<a onclick="showDiv('div6')">Student Grade</a>
<div style="display:none" class="roleRangOption">
<p>
<%
if(gradeGroupList!=null&&!()){
for(int i=0;i<();i++){
MasGradeVo masGradeVo = (MasGradeVo) (i);
%>
<input type="checkbox" name="studentOption" value="<%=() %>" <%=schoolRolePrismsVo!=null&&()!=null&&().indexOf(().toString()+",")!=-1?"checked":"" %>><%=() %><br/>
<%
}
}
%>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td valign="top"><span style="display:none" ></span></td>
</tr>
</table>
</form>