js解决弹窗问题实现班级跳转DIV示例

<%--实现班级跳转DIV--%>
<divid="displayClassDiv"style="display:none;"class="gp_box">
<ul>
<%
for(inti=0;i<dtPTC.Rows.Count;i++)
{
if(dtPTC.Rows[i]["ISPRO"].ToString()=="1")
{

%>
<li>
<h1class="gp_title">
<spanid="<%=dtPTC.Rows[i]["ProjectID"].ToString()%>"><%=dtPTC.Rows[i]["ProjectName"].ToString()%></span></h1>
<%
for(intj=0;j<dtPTC.Rows.Count;j++)
{
if(dtPTC.Rows[i]["ProjectID"].ToString()==dtPTC.Rows[j]["ProjectID"].ToString()&&dtPTC.Rows[j]["ISPRO"].ToString()=="2")
{
%>
<dlclass="gp_list">

<dtid="<%=dtPTC.Rows[j]["TermID"].ToString()%>"><%=dtPTC.Rows[j]["TermName"].ToString().Trim()%></dt>
<ddclass="grap">

<%
intp_count=0;
for(intk=0;k<dtPTC.Rows.Count;k++)
{

if(dtPTC.Rows[k]["ISPRO"].ToString()=="3"&&dtPTC.Rows[j]["TermID"].ToString()==dtPTC.Rows[k]["TermID"].ToString())
{
p_count++;
if(dtPTC.Rows[k]["ClassID"].ToString()==Session["CLASSID"].ToString())
{

%>
<inputid="<%=dtPTC.Rows[k]["ClassID"].ToString()%>"type="radio"name="rd_class"value="<%=dtPTC.Rows[k]["ClassID"].ToString()%>"checked/><%=dtPTC.Rows[k]["ClassName"].ToString()%>
          
<%}else
{
%>
<inputid="<%=dtPTC.Rows[k]["ClassID"].ToString()%>"type="radio"name="rd_class"value="<%=dtPTC.Rows[k]["ClassID"].ToString()%>"/><%=dtPTC.Rows[k]["ClassName"].ToString()%>
          
<%

}
if(p_count%2==0)
{
%><br/><%
}
}
}
%>

</dd>
</dl>
<%
}

}

%>

</li>

<%

}
}

%>
</ul>

</div>

<scripttype="text/javascript">
//显示班级信息的函数
functionShowClassInfo(){
//弹出对话框
$("#displayClassDiv").dialog({
modal:true,
width:"700",
height:"400",
title:"请选择跳转班级：",
overlay:{opacity:0.5,background:"black"},
buttons:{
"确定":function(){SubmitClassInfo();},
"取消":function(){$(this).dialog("destroy");}
},
close:function(event,ui){$(this).dialog("destroy");}
});
}

functionSubmitClassInfo(){
varObjClass=$("[name=rd_class]:checked");
varClassID=ObjClass.val();
window.location.href="../ClassPortal/ClassPortal.aspx?CLASS_ID="+ClassID;
}
</script>