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 >