快捷導(dǎo)航

JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法

更新時間：2015年07月01日 15:42:40 作者：言會咸

這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復(fù)選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

javascript部分如下：

<script type="text/javascript"> 
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 + " 個網(wǎng)址,\n你確定選擇刪除過濾網(wǎng)址嗎?")){ 
   //return true; 
   ShowDiv('MyDiv','fade'); 
  }else{ 
   return false; 
  } 
}  
</script>

html頁面部分如下：

<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>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章: