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 相关文章推荐
Javascript中Eval函数的使用
Mar 23 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
设置checkbox为只读(readOnly)的两种方式
Oct 11 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
详解JavaScript函数
Dec 01 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 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下的权限算法的实现
2007/04/28 PHP
php代码架构的八点注意事项
2016/01/25 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
2015/03/04 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
vue-axios使用详解
2017/05/10 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
js原生map实现的方法总结
2020/01/19 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
使用Python开发windows GUI程序入门实例
2014/10/23 Python
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
最新创业融资计划书
2014/01/19 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
校园活动宣传方案
2014/03/28 职场文书
公司节能减排方案
2014/05/16 职场文书
夏洛特的网观后感
2015/06/15 职场文书
培训后的感想
2015/08/07 职场文书
60句有关成长的名言
2019/09/04 职场文书