posts - 33, comments - 11, trackbacks - 0

分頁中，用JS進行全選、全不選、反選以及得到選中框信息的ID值

1

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

posted on 2009-06-18 17:11 方濤升閱讀(1464) 評論(0) 編輯收藏所屬分類: JS

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JS中數組Array的用法分頁中，用JS進行全選、全不選、反選以及得到選中框信息的ID值

<

2009年6月

>

日

一

二

三

四

五

六

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

文章分類

jQuery EasyUI

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

文章分類

搜索

最新評論

閱讀排行榜

評論排行榜