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

151 阅读 0 评论 100 点赞

我是靠谱客的博主个性老鼠，这篇文章主要介绍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();">

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