JS实现统计复选框选中个数并提示确定与取消的方法

这篇文章主要介绍了JS实现统计复选框选中个数并提示确定与取消的方法,可实现javascript针对页面复选框元素的统计与提示功能,需要的朋友可以参考下

本文实例讲述了JS实现统计复选框选中个数并提示确定与取消的方法。分享给大家供大家参考。具体实现方法如下：

javascript部分如下：

1. <script type="text/javascript">  
2. function yesno() {  
3. var inputs = document.getElementsByName("ck[]");  
4. var checked_counts = 0;  
5. for(var i=0;i<inputs.length;i++){  
6. if(inputs[i].checked){checked_counts++;  
7. }  
8. }  
9. if(confirm("你已选择了 " + checked_counts + " 个网址,/n你确定选择删除过滤网址吗?")){  
10. //return true;  
11. ShowDiv('MyDiv','fade');  
12. }else{  
13. return false;  
14. }  
15. }  
16. </script> 

html页面部分如下：

1. <form id="form1" name="form1" method="post" action="">  
2. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
3. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
4. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
5. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
6. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
7. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
8. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
9. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
10. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
11. <input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">  
12. <input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="选择删除信息">  
13. </form>  

希望本文所述对大家的javascript程序设计有所帮助。