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 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
详解JavaScript 异步编程
Jul 13 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基础学习笔记
2007/03/18 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
js常用DOM方法详解
2017/02/04 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
jquery实现穿梭框功能
2021/01/19 jQuery
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
打架检讨书100字
2014/01/08 职场文书
信访工作者先进事迹
2014/01/17 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
春晚观后感
2015/06/11 职场文书
学习计划是什么
2019/04/30 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers