posts - 33,  comments - 11,  trackbacks - 0
分页中，用JS进行全选、全不选、反选以及得到选中框信息的ID值
 1<script language="javascript">
 2var 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}"/>


posted on 2009-06-18 17:11 方涛升 阅读(1443) 评论(0)  编辑  收藏 所属分类: JS

只有注册用户登录后才能发表评论。
网站导航:
 
Copyright ©2024 方涛升 Powered By: 博客园 模板提供：沪江博客
<2009年6月>
日一二三四五六
31123456
78910111213
14151617181920
21222324252627
2829301234
567891011

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

搜索

  •  

最新评论

阅读排行榜

评论排行榜