jQuery实现统计复选框选中数量
更新时间：2014年11月24日 15:15:36 投稿：hebedich
这里给大家分享一段jQuery实现的统计复选框选中数量的代码，非常的实用，有需要的小伙伴们请带走！
代码很简介，功能也很简单，但是却很实用，这里就不细说明了直接上代码
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();">
项目中有相同需求的小伙伴可以参考下哈，有更好的方式也请联系我。
您可能感兴趣的文章:
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- input 和 textarea 输入框最大文字限制的jquery插件
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jQuery实现限制textarea文本框输入字符数量的方法
- jQuery检测输入的字符串包含的中英文的数量
- jquery实现textarea输入框限制字数的方法
- jQuery计算textarea中文字数(剩余个数)的小程序
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- JQuery 表单中textarea字数限制实现代码
- 基于jquery的inputlimiter 实现字数限制功能
- JQuery统计input和textarea文字输入数量(代码分享)
相关文章
JQuery中attr方法和removeAttr方法用法实例
这篇文章主要介绍了JQuery中attr方法和removeAttr方法用法,实例分析了jQuery中attr方法设置属性与removeAttr方法移除属性的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery实现模拟marquee标签效果的相关资料,需要的朋友可以参考下2015-07-07
今天在工作中需要用到jQuery组件里面的TomBox，可是发现以往做的Tombox失效了2010-06-06
以前在写ajax请求时，总是喜欢使用jQuery+ashx的方式进行调用，今天采取jQuery+WebService的方法来做ajax请求，发现这种方式比使用ashx的方式要更方便。2011-03-03
本文主要对jquery中用函数来设置css样式的方法进行详细介绍，具有很好的参考价值，下面就跟小编一起来看下吧2016-12-12
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
这篇文章主要为大家介绍了jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项,需要的朋友可以参考下2010-12-12
本文主要介绍了jquery实现页面加载效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
juqery 学习之三 选择器 简单 内容，学习jquery的朋友可以参考下。2010-11-11
这篇文章主要为大家详细介绍了JQuery实现隐藏和显示动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了jQuery密码强度验证控件使用的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
最新评论