欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-11-28 09:22:14
代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码 jQuery代码: 代码如下:      &nbs...

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

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();">