使用js實現-動態顯示覆選框選中個數

用於動態顯示選中個數的div

<div id="number" style="padding:10px">已選0道多選題</div>

複選框代碼：

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

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

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

<input type="checkbox" name="qId" value="4" onclick="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>