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 相关文章推荐
Prototype RegExp对象 学习
Jul 19 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
JS模拟键盘打字效果的方法
Aug 05 Javascript
JavaScript操作select元素和option的实例代码
Jan 29 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
Vue.js表单控件实践
Oct 27 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
js实现星星打分效果
Jul 05 Javascript
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
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
《APMServ 5.1.2》使用图解
2006/10/23 PHP
请php正则走开
2008/03/15 PHP
php echo 输出字符串函数详解
2010/05/13 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
xtree.js 代码
2007/03/13 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
jquery 问答知识整理
2010/02/11 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
JavaScript获得页面base标签中url的方法
2015/04/03 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
Python全局变量用法实例分析
2016/07/19 Python
解决pycharm界面不能显示中文的问题
2018/05/23 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
python使用循环打印所有三位数水仙花数的实例
2018/11/13 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
用python批量下载apk
2020/12/29 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
初入社会应届生求职信
2013/11/18 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
党性心得体会
2014/09/03 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
维稳工作承诺书
2015/01/20 职场文书
运动会广播稿100字
2015/08/19 职场文书
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis