<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">
&nbsp;
<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.....

解决方案 »

  1.   

    下面代码已经获取了选中的部门ID,以逗号分隔,LZ再传到后台,拆分后循环删除操作
    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()">