首页 > 编程 > JavaScript > 正文

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

2019-11-20 12:07:31
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表