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

来源：互联网发布：gta5帅气男人捏脸数据编辑：程序博客网时间：2024/06/05 20:47

用于动态显示选中个数的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>

阅读全文

0 0