zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQuery统计 实现 数量 选中 复选框
2023-06-13 09:15:31 时间

代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码

jQuery代码:

复制代码代码如下:

       functioncountNum(){
         //alert($("input[name=check]:checked").length);
        vararrays=newArray();
         varitems=document.getElementsByName("check");
         for(vari=0;i<items.length;i++){
             if(items[i].checked){
                 arrays.push(items[i].value);
             }
         }
         alert(arrays.length);
       }

HTML代码:

复制代码代码如下:


   <inputtype="checkbox"value="1"name="check"checked/>
   <inputtype="checkbox"value="2"name="check"/>
   <inputtype="checkbox"value="3"name="check"/>
   <inputtype="button"value="选中个数"id="btn"onclick="countNum();">

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