1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>无标题文档</title>
6 <script language="javascript">
7 function selectAll(name)
8 {
9 var el=document.getElementsByName("coffee");
10 for (var i=0;i<el.length;i++)
11 {
12 if(el[i].type=="checkbox"&&el[i].name==name)
13 {
14 el[i].checked=true;
15
16 }
17 }
18 }
19
20 function clearAll(name)
21 {
22 var el=document.getElementsByName("coffee");
23 for (var i=0;i<el.length;i++)
24 {
25 if(el[i].type=="checkbox"&&el[i].name==name)
26 {
27 el[i].checked=false;
28 }
29 }
30 }
31
32 </script>
33 </head>
34
35 <body>
36 <p>以下是一个调查结果</p>
37 <form>
38 <input type="checkbox" name="coffee" value="apple">apple
39 <input type="checkbox" name="coffee" value="pear">pear
40 <input type="checkbox" name="coffee" value="berry">berry
41 <p><p>
42 <input type="button" value="全选" onclick="selectAll('coffee')">
43 <input type="button" value="取消全选" onclick="clearAll('coffee')">
44 </form>
45 </body>
46 </html>
