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 相关文章推荐
javascript克隆对象深度介绍
Nov 20 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
May 07 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
node.js实现端口转发
Apr 14 Javascript
JS如何判断json是否为空
Jul 06 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
vue data恢复初始化数据的实现方法
Oct 31 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
基于mysql的论坛(4)
2006/10/09 PHP
php 冒泡排序 交换排序法
2011/05/10 PHP
PHP精确计算功能示例
2016/11/29 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
Javascript与flash交互通信基础教程
2008/08/07 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
纯JS实现简单的日历
2017/06/26 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
pycharm安装图文教程
2017/05/02 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
Django choices下拉列表绑定实例
2020/03/13 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
机械工程系毕业生求职信
2013/09/27 职场文书
计算机专业应届生求职信
2014/04/06 职场文书
结婚保证书范文
2014/04/29 职场文书
普通党员对照检查材料
2014/08/28 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
python中%格式表达式实例用法
2021/06/18 Python