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

1、js代码如下：
代码如下:
<%--实现班级跳转DIV--%>
<div id="displayClassDiv" style="display:none;" class="gp_box">
<ul>
<%
for(int i=0;i<dtPTC.Rows.Count;i++)
{
if (dtPTC.Rows[i]["ISPRO"].ToString() == "1")
{

%>
<li>
<h1 class="gp_title" >
<span id='<%=dtPTC.Rows[i]["ProjectID"].ToString() %>'><%=dtPTC.Rows[i]["ProjectName"].ToString() %></span></h1>
<%
for (int j = 0; j < dtPTC.Rows.Count; j++)
{
if (dtPTC.Rows[i]["ProjectID"].ToString() == dtPTC.Rows[j]["ProjectID"].ToString() && dtPTC.Rows[j]["ISPRO"].ToString() == "2")
{
%>
<dl class="gp_list" >

<dt id='<%=dtPTC.Rows[j]["TermID"].ToString() %>'><%=dtPTC.Rows[j]["TermName"].ToString().Trim() %></dt>
<dd class="grap">

<%
int p_count = 0;
for (int k = 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())
{

%>
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' checked /><%=dtPTC.Rows[k]["ClassName"].ToString() %>
           
<% }else
{
%>
<input id='<%=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>

<script type="text/javascript">
//显示班级信息的函数
function ShowClassInfo() {
//弹出对话框
$("#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"); }
});
}

function SubmitClassInfo() {
var ObjClass = $('[name=rd_class]:checked');
var ClassID=ObjClass.val();
window.location.href = '../ClassPortal/ClassPortal.aspx?CLASS_ID='+ClassID;
}
</script>

2、cs文件代码：
代码如下:
public DataTable dtPTC = new DataTable();//保存项目 项目分期 班级信息
public DataTable dtProjectInfo = new DataTable();//保存项目信息