這篇文章主要介紹了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程序設計有所幫助。