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+xml自动生成表格的东西
Dec 21 Javascript
jQuery对象和DOM对象相互转化
Apr 24 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
理解Javascript_12_执行模型浅析
Oct 18 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
js Canvas绘制圆形时钟教程
Feb 06 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
基于JavaScript实现随机点名器
Feb 25 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类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
js闭包学习心得总结
2018/04/17 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
python处理按钮消息的实例详解
2017/07/11 Python
python实现二叉查找树实例代码
2018/02/08 Python
基于Django实现日志记录报错信息
2019/12/17 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
法律专业个人实习自我鉴定
2013/09/23 职场文书
财务会计人员岗位职责
2013/11/30 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js