使用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>