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

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

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 + " 个网址,n你确定选择删除过滤网址吗?")){

//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程序设计有所帮助。