Js 统计复选框选中个数的实现代码

发布时间:2021-01-17编辑:脚本学堂
分享一例js实现的统计复选框选中个数的代码,用于统计页面中的checkbox选中个数,有需要的朋友参考下。

例子:
 

复制代码 代码示例:
<script type="text/javascript"> 
/**
* 统计复选框的选中个数,确定是否过滤
* edit: www.jb200.com
*/function yesno() { 
    var inputs = document.getElementsByName("ck[]"); 
    var checked_counts = 0; 
    for(var i=0;i<inputs.length;i++){ 
        if(inputs[i].checked){checked_counts++; 
        } 
    } 
    if(confirm("你已选择了 " + checked_counts + " 个网址,n你确定选择删除过滤网址吗?")){ 
     //return true; 
     ShowDiv('MyDiv','fade'); 
    }else{ 
     return false; 
    } 
}  
</script>  
[html] view plaincopyprint?
<form id="form1" name="form1" method="post" action=""> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);"> 
<input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="选择删除信息"> 
</form>

您可能感兴趣的文章:
设置checkbox复选框为readonly只读的两种方式
js 限定复选框选择个数的例子
js判断复选框checkbox是否选中并取出值
select标签、单选框、复选框设置默认选择项的方法
Js动态添加Checkbox复选框的代码举例
限制复选框 checkbox 最多可选数的js代码