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 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
JQuery操作单选按钮以及复选按钮示例
Sep 23 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
微信小程序如何获取用户收货地址
Nov 27 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 Javascript
详解 TypeScript 枚举类型
Nov 02 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各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
js确定对象类型方法
2012/03/30 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
不同js异步函数同步的实现方法
2016/05/28 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
详解如何使用Vue2做服务端渲染
2017/03/29 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
2020/02/06 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
以windows service方式运行Python程序的方法
2015/06/03 Python
Python中的getopt函数使用详解
2015/07/28 Python
Python3实现Web网页图片下载
2016/01/28 Python
python绘制立方体的方法
2018/07/02 Python
python_array[0][0]与array[0,0]的区别详解
2020/02/18 Python
python中def是做什么的
2020/06/10 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
美国购买体育赛事门票网站:TicketCity
2019/03/06 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
会计毕业生自我鉴定
2013/11/04 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
人民的好儿女观后感
2015/06/18 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle