教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 Js 统计复选框选中个数的实现代码

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

发布时间:2015-02-15   编辑:jiaochengji.com
分享一例js实现的统计复选框选中个数的代码,用于统计页面中的checkbox选中个数,有需要的朋友参考下。

例子:
 

复制代码 代码示例:
<script type="text/javascript"> 
/**
* 统计复选框的选中个数,确定是否过滤
* edit: www.jiaochengji.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>

您可能感兴趣的文章:
js判断复选框checkbox是否选中并取出值
js 限定复选框选择个数的例子
jquery复选框全选/取消示例
Js 统计复选框选中个数的实现代码
模拟多级复选框效果的jquery代码
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
jquery 操作单选框,复选框,下拉列表实现代码
js控制文本框自动适应文本长度的例子
javascript中限制复选框的最大可选数实现代码
js判断radio是否被选中的简单例子

关键词: checkbox  复选框  选中   
[关闭]
~ ~