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函数
Dec 22 Javascript
突发奇想的一个jquery插件
Nov 19 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
全面了解addEventListener和on的区别
Jul 14 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
基于JavaScript实现自动更新倒计时效果
Dec 19 Javascript
angular.js 路由及页面传参示例
Feb 24 Javascript
node.js 中间件express-session使用详解
May 20 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
layui添加动态菜单与选项卡
Jul 26 Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
基于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教程孙仲岳主讲
2008/01/07 PHP
php异常处理方法实例汇总
2015/06/24 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
php 浮点数比较方法详解
2017/05/05 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
python通过字典dict判断指定键值是否存在的方法
2015/03/21 Python
详解Python中的join()函数的用法
2015/04/07 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
化工工艺专业求职信
2013/09/22 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
校庆活动方案
2014/03/31 职场文书
捐款活动总结
2014/08/27 职场文书
MySQL基础(一)
2021/04/05 MySQL
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL