javascript 获取 checkbox 已经勾选的项

例子：

1. <script type="text/javascript">
   
2. function getChecked() {
   
3.         var result = '';
   
4.         var form = document.getElementById('postFrom');
   
5.         if(typeof form.chk.length != 'undefined') {
   
6.                 for(var i=0; i<form.chk.length; i++) {
   
7.                         if(form.chk[i].checked) {
   
8.                                 result += form.chk[i].value + ' ';
   
9.                         }
   
10.                 }
    
11.         } else {
    
12.                 if(form.chk_type.checked) {
    
13.                         result += form.chk_type.value + ' ';
    
14.                 }
    
15.         }
    
16.         if(result == '') {
    
17.                 document.getElementById('result').innerHTML = '还未选择';
    
18.         } else {
    
19.                 document.getElementById('result').innerHTML = result;
    
20.         }
    
21. }
    
22. </script>
    
23. <form id="postFrom" name="postFrom">
    
24.         <div>
    
25.                 选项：
    
26.                 <input type="checkbox" name="chk" value="a" onclick="getChecked();" />a
    
27.                 <input type="checkbox" name="chk" value="b" onclick="getChecked();" />b
    
28.                 <input type="checkbox" name="chk" value="c" onclick="getChecked();" />c
    
29.                 <input type="checkbox" name="chk" value="d" onclick="getChecked();" />d
    
30.         </div>
    
31.         <div>
    
32.                 您选择的是：<span id="result" name="result">还未选择</span>
    
33.         </div>
    
34. </form>

复制代码