使用js实现-动态显示复选框选中个数

用于动态显示选中个数的div
<div id="number" style="padding:10px">已选0道多选题</div>

复选框代码：

  
  

   
   <input type="checkbox" name="qId" value="1" οnclick="doit();"/>
  
  
  
  

   
   <input type="checkbox" name="qId" value="2" οnclick="doit();"/>
  
  
  
  

   
   <input type="checkbox" name="qId" value="3" οnclick="doit();"/>
  
  
  
  

   
   <input type="checkbox" name="qId" value="4" οnclick="doit();"/>
  
  

js代码：

  
  

   
   <script type="text/javascript">
  
  
  
  

   
   function doit()
  
  
  
  

   
   {  
  
  
  
  

   
   				var n=0;
  
  
  
  

   
                   var objs = document.getElementsByName("qId"); 
  
  
  
  

   
                   for(var i=0; i<objs.length; i++)   
  
  
  
  

   
                   {
  
  
  
  

   
                     if(objs[i].checked) 
  
  
  
  

   
                     {
  
  
  
  

   
                     n++;
  
  
  
  

   
                     } 
  
  
  
  

   
                   }
  
  
  
  

   
                   document.getElementById("number").innerText="已选"+n+"道多选题";
  
  
  
  

   
   }
  
  
  
  

   
   </script>