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 相关文章推荐
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
Jquery实现显示和隐藏的4种简单方式
Aug 28 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
React-native桥接Android原生开发详解
Jan 17 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
Nov 01 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
Jul 03 Javascript
微信小程序HTTP接口请求封装代码实例
Sep 05 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 年龄计算函数(精确到天)
2012/06/07 PHP
PHP计数器的实现代码
2013/06/08 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
关于JAVASCRIPT urldecode URL解码的问题
2012/01/08 Javascript
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
EditPlus注册码生成器(js代码实现)
2013/03/25 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
[02:33]DOTA2英雄基础教程 司夜刺客
2013/12/04 DOTA
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
python hough变换检测直线的实现方法
2019/07/12 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
高中自我评价分享
2013/12/05 职场文书
大四本科生的自我评价
2013/12/30 职场文书
交警失职检讨书
2015/01/26 职场文书
离婚案件原告代理词
2015/05/23 职场文书
Python快速优雅的批量修改Word文档样式
2021/05/20 Python
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技