按鈕提交表單有時候太丑,所以用超鏈接最好不過了。
?1
?2
<
head
>
?3
<
SCRIPT?LANGUAGE
=
"
JavaScript
"
>
?4
<!--
//
?5
function
?checkChoice(field,?i)?
{
?6
if
?(i?
==
?
0
)?
{
?7
????
//
?"All"?被選中了;則將其它所有選項都被選中;
?8
????
if
?(field[
0
].checked?
==
?
true
)?
{
?9
????????
for
?(i?
=
?
1
;?i?
<
?field.length;?i
++
)
10
????????field[i].checked?
=
?
true
;
11
????}
else
?
if
(field[
0
].checked?
==
?
false
)
{
12
????????
for
?(i?
=
?
1
;?i?
<
?field.length;?i
++
)
13
????????field[i].checked?
=
?
false
;
14
????????}
15
????}
16
else
?
if
?(i?
!=
?
0
)
{
17
????
//
否則,只要其它任意項目被不選中,則將ALL的選擇狀態(field[0])設置為false(未被選中)
18
19
?????
if
(?field[i].checked?
==
?
false
)
{
20
21
????????field[
0
].checked?
=
?
false
;?
22
????????}
23
?????}
24
}
25
//
-->
26
</
script
>
27
</
head
>
28
<
body
>
29
30
31
32
<
form?name
=
pickform?method
=
"
post
"
?action
=
"
.
"
>
33
<
table?width
=
"
201
"
>
34
<
tr
>
35
<
td
>
你最喜歡什么課程?
</
td
>
36
</
tr
>
37
<
tr
>
38
<
td
>
39
<
input?type
=
checkbox?name
=
classes?value
=
"
all
"
?onClick
=
"
checkChoice(document.pickform.classes,?0)
"
?
>
40
All?
<
br
>
41
<
input?type
=
checkbox?name
=
classes?value
=
"
數學
"
?onClick
=
"
checkChoice(document.pickform.classes,?1)
"
>
42
數學
<
br
>
43
<
input?type
=
checkbox?name
=
classes?value
=
"
語文
"
?onClick
=
"
checkChoice(document.pickform.classes,?2)
"
>
44
語文?
<
br
>
45
<
input?type
=
checkbox?name
=
classes?value
=
"
英語
"
?onClick
=
"
checkChoice(document.pickform.classes,?3)
"
>
46
英語
<
br
>
47
<
input?type
=
checkbox?name
=
classes?value
=
"
生物
"
?onClick
=
"
checkChoice(document.pickform.classes,?4)
"
>
48
生物
<
br
>
49
<
input?type
=
checkbox?name
=
classes?value
=
"
歷史
"
?onClick
=
"
checkChoice(document.pickform.classes,?5)
"
>
50
歷史
</
td
>
51
</
tr
>
52
<
tr
>
53
<
td
>
54
<
input?type
=
"
button
"
?name
=
"
Button
"
?value
=
"
Button
"
?onClick
=
"
javascript:alert('使用時將action指向處理表單的程序!')
"
>
55
</
td
>
56
</
tr
>
57
</
table
>
58
</
form
>
59
</
body
>

?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

31

32


33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59
