服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - jQuery实现统计复选框选中数量

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

2021-04-24 18:19jQuery教程网 JavaScript

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

 

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

延伸 · 阅读

精彩推荐