JS实现统计复选框选中个数并提示确定与取消的方法
本文实例讲述了JS实现统计复选框选中个数并提示确定与取消的方法。分享给大家供大家参考。具体实现方法如下:
javascript部分如下:
<scripttype="text/javascript"> functionyesno(){ varinputs=document.getElementsByName("ck[]"); varchecked_counts=0; for(vari=0;i<inputs.length;i++){ if(inputs[i].checked){checked_counts++; } } if(confirm("你已选择了"+checked_counts+"个网址,\n你确定选择删除过滤网址吗?")){ //returntrue; ShowDiv('MyDiv','fade'); }else{ returnfalse; } } </script>
html页面部分如下:
<formid="form1"name="form1"method="post"action=""> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="checkbox"name="ck[]"id="ck[]"value="{$vo.id}"onclick="javascript:chkRow(this);"> <inputtype="submit"name="submit"id="submit"class="subbut"onclick="returnyesno();"value="选择删除信息"> </form>
希望本文所述对大家的javascript程序设计有所帮助。