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 transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
Nov 29 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
easyui validatebox验证
Apr 29 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
puppeteer库入门初探
Jan 09 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
vue+iview分页组件的封装
Nov 17 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
JS解密入门 最终变量劫持
2008/06/25 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
JavaScript this关键字的深入详解
2021/01/14 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
PyQt5 QTableView设置某一列不可编辑的方法
2019/06/25 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
python多进程使用函数封装实例
2020/05/02 Python
如何利用cmp命令比较文件
2016/04/11 面试题
物流专业大学的自我评价
2014/01/11 职场文书
辩论赛主持词
2014/03/18 职场文书
校庆活动方案
2014/03/31 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书