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 相关文章推荐
js获取url中指定参数值的示例代码
Dec 14 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
vue多次循环操作示例
Feb 08 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 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
2.PHP入门
2006/10/09 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
JAVASCRIPT keycode总结
2009/02/04 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
关于vue面试题汇总
2018/03/20 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
JS如何生成动态列表
2020/09/22 Javascript
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
深入理解Python中的*重复运算符
2017/10/28 Python
Python Subprocess模块原理及实例
2019/08/26 Python
django创建超级用户过程解析
2019/09/18 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
用Python 执行cmd命令
2020/12/18 Python
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
邮政员工辞职信
2014/01/16 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
2014年教研组工作总结
2014/11/26 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
岗位聘任报告
2015/03/02 职场文书
特此通知格式
2015/04/27 职场文书
2016参观监狱警示教育活动心得体会
2016/01/15 职场文书
Python中的变量与常量
2021/11/11 Python
Python 全局空间和局部空间
2022/04/06 Python