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

jQuery实现统计复选框选中数量_jquery_自学php网

来源：自学PHP网时间：2014-11-29 13:28 作者：阅读:次

[导读] 这里给大家分享一段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();">

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

基于jQuery实现文本框缩放以及上下移动功能_jqu

jQuery实现隔行背景色变色_jquery_自学php网

子栏目

jQuery实现统计复选框选中数量_jquery_自学php网

最新评论

添加评论

更多文章推荐

添加评论