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

前端技术 2023/09/06 JavaScript

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

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

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

本文地址：https://www.stayed.cn/item/15543

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案