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


Posted in Javascript onJuly 01, 2015

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

Javascript 相关文章推荐
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
JavaScript数据类型学习笔记
Jan 25 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
JS访问SWF的函数用法实例
Jul 01 #Javascript
JS随机调用指定函数的方法
Jul 01 #Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 #Javascript
JavaScript获得指定对象大小的方法
Jul 01 #Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 #Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 #Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
Jul 01 #Javascript
You might like
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
php 信息采集程序代码
2009/03/17 PHP
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
php可变长参数处理函数详解
2017/02/22 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
php 读取文件夹下所有图片、文件的实例
2018/10/17 PHP
php测试kafka项目示例
2020/02/06 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
微信小程序 聊天室简单实现
2017/04/19 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
Vue数据监听方法watch的使用
2018/03/28 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
python判断windows隐藏文件的方法
2014/03/21 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
详解小白之KMP算法及python实现
2019/04/04 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
python文字转语音的实例代码分析
2019/11/12 Python
Python中logging日志库实例详解
2020/02/19 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
初中国旗下的演讲稿
2014/08/28 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
2014年教研工作总结
2014/12/06 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2015年招生工作总结
2015/05/04 职场文书
城南旧事读书笔记
2015/06/29 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技