首页 > 语言 > JavaScript > 正文

jQuery实现统计复选框选中数量

2024-05-06 16:10:56
字体:
来源:转载
供稿:网友
这里给大家分享一段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();"> 

 

项目中有相同需求的小伙伴可以参考下哈,有更好的方式也请联系我。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选