jQuery实现统计复选框选中数量


Posted in Javascript onNovember 24, 2014

代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码

jQuery代码:

        function countNum(){ 

          //alert($('input[name=check]:checked').length); 

         var arrays = new Array(); 

          var items = document.getElementsByName("check"); 

          for(var i=0;i<items.length;i++){ 

              if(items[i].checked){ 

                  arrays.push(items[i].value); 

              } 

          } 

          alert(arrays.length); 

        }

HTML代码:

    <input type="checkbox" value="1" name="check" checked/> 

    <input type="checkbox" value="2" name="check"/> 

    <input type="checkbox" value="3" name="check"/> 

    <input type="button" value="选中个数" id="btn" onclick="countNum();">

项目中有相同需求的小伙伴可以参考下哈,有更好的方式也请联系我。

Javascript 相关文章推荐
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
AngularJS表单详解及示例代码
Aug 17 Javascript
js友好的时间返回函数
Aug 24 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
详解Web使用webpack构建前端项目
Sep 23 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
JS实现商品橱窗特效
Jan 09 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 #Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 #Javascript
基于jQuery实现下拉框
Nov 24 #Javascript
基于jQuery实现表单提交验证
Nov 24 #Javascript
jQuery简单实现网页选项卡特效
Nov 24 #Javascript
jQuery选择器全集详解
Nov 24 #Javascript
常见的jQuery选择器汇总
Nov 24 #Javascript
You might like
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
js同时按下两个方向键
2007/12/01 Javascript
JS 判断代码全收集
2009/04/28 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
自己编写的支持Ajax验证的JS表单验证插件
2015/05/15 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
Python中多线程thread与threading的实现方法
2014/08/18 Python
python实现挑选出来100以内的质数
2015/03/24 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
浅谈Keras的Sequential与PyTorch的Sequential的区别
2020/06/17 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
如何提高JDBC的性能
2013/04/30 面试题
《在家里》教后反思
2014/03/01 职场文书
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
体育比赛口号
2014/06/09 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
python APScheduler执行定时任务介绍
2022/04/19 Python
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers