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 24 Javascript
jQuery库与其他JS库冲突的解决办法
Feb 07 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 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 飞信好友免费短信API接口开源版
2010/07/22 PHP
PHP获取指定月份第一天和最后一天的方法
2015/07/18 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
JavaScript中获取时间的函数集
2016/08/16 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
vue实现循环滚动列表
2020/06/30 Javascript
Python中的defaultdict模块和namedtuple模块的简单入门指南
2015/04/01 Python
Python版微信红包分配算法
2015/05/04 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
2014年3.15团委活动总结
2014/03/16 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
银行工作心得体会范文
2016/01/23 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技