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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
跟我学习javascript的call(),apply(),bind()与回调
Nov 16 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
AngularJS入门教程之数据绑定原理详解
Nov 02 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
Jul 25 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
让你30分钟快速掌握vue3教程
Oct 26 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
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
PHP答题类应用接口实例
2015/02/09 PHP
php文件操作相关类实例
2015/06/18 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
JQquery的一些使用心得分享
2012/08/01 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
javascript的BOM
2016/05/03 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
如何从零开始手写Koa2框架
2019/03/22 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
使用Pycharm分段执行代码
2020/04/15 Python
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
MySQL EXPLAIN输出列的详细解释
2021/05/12 MySQL