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 mobile NuGet让你的网站在移动设备上同样精彩
这篇文章主要介绍了使用jQuery mobile NuGet让你的网站在移动设备上同样精彩,使用jQuery mobile NuGet包,改变共享的布局和视图,并使你的网站在传统的浏览器和大部分手机展现的都很好。,需要的朋友可以参考下2019-06-06
最新评论