分页中，用JS进行全选、全不选、反选以及得到选中框信息的ID值

分页中，用JS进行全选、全不选、反选以及得到选中框信息的ID值

 1 < script language = " javascript " >
 2 var total = 10 ;
 3   function selectOrNot(checkBox)  {
 4   if (checkBox.checked) {
 5  selectAll();
 6 } else {
 7  disSelectAll();
 8 } 
 9  }   
10 // 全选
11     function selectAll() {
12   for(var i=0;i<total;i++){
13  var checkbox = document.getElementById("checkbox_"+i);
14  if (!checkbox.checked) {
15   checkbox.checked = !checkbox.checked;
16  }
17 }
18  }
19 // 全不选
20   function disSelectAll() {
21   for(var i=0;i<total;i++){
22  var checkbox = document.getElementById("checkbox_"+i);
23  if (checkbox.checked) {
24   checkbox.checked = !checkbox.checked;
25  }
26 }
27  }
28 // 反选
29     function reverseSelect() {
30   for(var i=0;i<total;i++){
31  var checkbox = document.getElementById("checkbox_"+i);
32  checkbox.checked = !checkbox.checked;
33 }
34  }
35    // 删除选中的文章
36    function delSelArticle() {
37  var deleteStr = "";
38  deleteStr = getDeleteStr();
39  if(deleteStr == ""){
40   alert("没有选择任何文章");
41   return;
42  }
43  if(confirm("确定要删除这些文章吗？")){
44   window.location.href = "deleteArticle.action?deleteStr=" + deleteStr + ";";
45  }
46 }
47  
48     // 返回选中的值
49   function getDeleteStr() {
50   var deleteStr = "";
51   for(var i=0;i<total;i++){
52  var checkbox = document.getElementById("checkbox_"+i);
53  if(checkbox.checked)
54   deleteStr = deleteStr + checkbox.value;
55 }
56 return deleteStr;
57  }
58

HTML代码：

1 // 全选，全不选按扭
2 < input type = " checkbox "  onClick = " selectOrNot(this); "   />
3
4 // 分页中的CHECKBOX
5 < input type = " checkbox "  id = " checkbox_${i-1} "  value = " ${subpage.classId} " />