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 对象的定义方法
Jan 10 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
每天一篇javascript学习小结(面向对象编程)
Nov 20 Javascript
JavaScript电子时钟倒计时
Jan 09 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
微信小程序录音与播放录音功能
Dec 25 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
jQuery实现评论模块
Aug 19 jQuery
js前端设计模式优化50%表单校验代码示例
Jun 21 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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
sourcesafe管理phpproj文件的补充说明(downmoon)
2009/04/11 PHP
php常见的魔术方法详解
2014/12/25 PHP
对laravel in 查询的使用方法详解
2019/10/09 PHP
JS Loading功能的简单实现
2013/11/29 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
修改vue+webpack run build的路径方法
2018/09/01 Javascript
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
Python装饰器的函数式编程详解
2015/02/27 Python
Python日志模块logging简介
2015/04/13 Python
Python数据结构之翻转链表
2017/02/25 Python
Python3学习urllib的使用方法示例
2017/11/29 Python
python得到电脑的开机时间方法
2018/10/15 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
中专毕业生自我鉴定
2014/02/02 职场文书
教师职位说明书
2014/07/29 职场文书
抗洪救灾标语
2014/10/08 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
教师节感想
2015/08/11 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书