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