<script language="javascript">
// --列头全选框被单击---
function ChkAllClick(sonName, cbAllId){
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
var tempState=cbAll.checked;
for(i=0;i<arrSon.length;i++) {
if(arrSon[i].checked!=tempState)
arrSon[i].click();
}
}
// --子项复选框被单击---
function ChkSonClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
for(var i=0; i<arrSon.length; i++) {
if(!arrSon[i].checked) {
cbAll.checked = false;
return;
}
}
cbAll.checked = true;
}
// --反选被单击---
function ChkOppClick(sonName){
var arrSon = document.getElementsByName(sonName);
for(i=0;i<arrSon.length;i++) {
arrSon[i].click();
}
}
</script>
<table border="1" width="800">
<tr>
<th colspan="5">
<span class="title">部门管理</span>
</th>
</tr>
<tr bgcolor="#F0F3F8">
<td width="50">
</td>
<td>
部门名称
</td>
<td>
人数
</td>
<td>
操作
</td>
<td>
查看
</td>
</tr>
<tbody id="deptsTable">
<c:forEach items="${depts}" var="dept">
<tr>
<td><input type="checkbox" name="chkSon" id="chkSon${dept.id }" type="checkbox" value='1' onclick="ChkSonClick('chkSon','chkAll')"></td>
<td>${dept.deptname }</td><td id="dd">${dept.deptcount }</td><td>
<a href="#" id="del_${dept.id }">删除</a>
<a href="#" id="update_${dept.id }"
onclick="edit(event,${dept.id })">编辑</a>
</td><td>
<a href="/manageServer.jsp">查看成员</a>
</td>
</tr>
</c:forEach>
</tbody>
<tr>
<td colspan="5" class="bottom">
<input type="checkbox" name="chkAll" id="chkAll" title="全选" onClick="ChkAllClick('chkSon','chkAll')">
全选
<input type="checkbox" name="chkOpposite" id="chkOpposite" title="反选" onClick="ChkOppClick('chkSon')">
反选
<input type="button" value="删除">
</td>
</tr>
</table>${dept.id } 为1 2 3 4 5.....
解决方案 »
- 如何通过js取选定行的数据?
- javaScript字符串比较问题求解:
- 问个日期动态在网页中显示的JS问题
- 关于保留计算结果有效位数的问题
- 表单验证 高手来帮忙啊
- 关于调用iframe页面函数的问题
- 我的页面是由若干个IFRAME组成,我现在想在主页面中让指定的IFRAME做提交动作,请问如何实现?
- 大家帮助我看一下,我要实现下面的功能应该如何写.急急!!在线等大家!!!
- 我用程序控制左边的frame的边界向左移,我想frame的网页的左边界跟frame一齐移动,怎么做?
- 急!急!急!高分请教,如何在一个表里对一整行的内容进行上下移动操作(即行的上下移动)?
- 二个js方法互相传值乱码问题
- js函数
function deleteAll(){
var str = "";
var tbody = document.getElementById("deptsTable");
var trs = tbody.childNodes;
for(var i=0;i<trs.length;i++){
var td = trs[i].cells(0);
var checkbox = td.getElementsByTagName("INPUT")[0];
if(checkbox.checked){
if(str!="") str += ",";
str += checkbox.value;
}
}
//这里获得了选中部门的ID,以逗号分隔
alert(str);
}
<input type="button" value="删除" onclick="deleteAll()">