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 相关文章推荐
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
PHP7 错误处理机制修改
2021/03/09 PHP
Jquery图形报表插件 jqplot简介及参数详解
2012/10/10 Javascript
EditPlus注册码生成器(js代码实现)
2013/03/25 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
Vue SSR 组件加载问题
2018/05/02 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
HTML元素拖拽功能实现的完整实例
2020/12/04 Javascript
Python实现爬取逐浪小说的方法
2015/07/07 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
Pytorch之卷积层的使用详解
2019/12/31 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
抽象类和接口的区别
2012/09/19 面试题
培训心得体会
2013/12/29 职场文书
税务会计岗位职责
2014/02/18 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
草房子读书笔记
2015/06/29 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
如何使用JavaScript策略模式校验表单
2021/04/29 Javascript