前端jsp页面代码:

<table width="80%" border="1" align="center" class="gridtable"
id="idData" >
<thead>
<tr>
<td colspan="8" align="center">学生信息管理</td>
</tr>
</thead>
<tbody>
<tr align="center">
<th><input type="checkbox" id="all" name="all" /></th>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>学科</th>
<th>手机号</th>
<th>操作</th>
</tr>
<c:forEach items="${list}" var="Mod" varStatus="status">
<div style="display: none;"><c:out value="${status.count}"/></div>
<tr style="display: none;" id="show_div${status.count}" >
<td id="colspan" colspan='8'>
<form action="ups">
学号:${Mod.sid}<input style="display: none;" type="text" name="sid" value="${Mod.sid}">
<input placeholder="姓名：" type="text" name="studentname" value="${Mod.studentname}">
<input placeholder="性别：" type="text" name="gender" value="${Mod.age}">
<input placeholder="年龄：" type="text" name="age" value="${Mod.gender}">
<input placeholder="专业：" type="text" name="specialty" value="${Mod.specialty}">
<input placeholder="手机号：" type="text" name="phone" value="${Mod.phone}">
<input type="submit" value="更新">
<input type="button" onclick="aa${status.count}()" value="取消">
</form>
</td>
</tr>
<tr>
<td><input type="checkbox" id="subcheck" name="subcheck" value="${Mod.sid}" /></td>
<td>${Mod.sid}</td>
<td>${Mod.studentname}</td>
<td>${Mod.age}</td>
<td>${Mod.gender}</td>
<td>${Mod.specialty}</td>
<td >${Mod.phone}</td>
<td>
<input type="button" onclick="firm(${Mod.sid})" value="删除" />
<input id="a" type="button" onclick="op${status.count}()" value="修改"/>
<input type="button" onclick="firm1(${Mod.sid})" value="详情" />
</td>
</tr>
<SCRIPT type="text/javascript" lang=javascript>
function op${status.count}(){
if($(".a").is(":hidden")){
$(".a").show();//如果元素为隐藏,则将它显现
var change_cancel = document.getElementById("show_div${status.count}");
change_cancel.style.display = "none";
}else{
$(".a").hide();//如果元素为显现,则将其隐藏
var change_cancel = document.getElementById("show_div${status.count}");
change_cancel.style.display = "block";
}
}
function aa${status.count}(){
if($(".a").is(":hidden")){
$(".a").show();//如果元素为隐藏,则将它显现
var change_cancel = document.getElementById("show_div${status.count}");
change_cancel.style.display = "none";
}else{
$(".a").hide();//如果元素为显现,则将其隐藏
var change_cancel = document.getElementById("show_div${status.count}");
change_cancel.style.display = "block";
}
}
</SCRIPT>
</c:forEach>

</table>