html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

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

[ ] 已经帮助:人解决问题

代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码WaDHTML5中文学习网 - HTML5先行者学习网

jQuery代码:WaDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
WaDHTML5中文学习网 - HTML5先行者学习网
        function countNum(){ WaDHTML5中文学习网 - HTML5先行者学习网
          //alert($('input[name=check]:checked').length); WaDHTML5中文学习网 - HTML5先行者学习网
         var arrays = new Array(); WaDHTML5中文学习网 - HTML5先行者学习网
          var items = document.getElementsByName("check"); WaDHTML5中文学习网 - HTML5先行者学习网
          for(var i=0;i<items.length;i++){ WaDHTML5中文学习网 - HTML5先行者学习网
              if(items[i].checked){ WaDHTML5中文学习网 - HTML5先行者学习网
                  arrays.push(items[i].value); WaDHTML5中文学习网 - HTML5先行者学习网
              } WaDHTML5中文学习网 - HTML5先行者学习网
          } WaDHTML5中文学习网 - HTML5先行者学习网
          alert(arrays.length); WaDHTML5中文学习网 - HTML5先行者学习网
        }WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网

HTML代码:WaDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
WaDHTML5中文学习网 - HTML5先行者学习网
    <input type="checkbox" value="1" name="check" checked/> WaDHTML5中文学习网 - HTML5先行者学习网
    <input type="checkbox" value="2" name="check"/> WaDHTML5中文学习网 - HTML5先行者学习网
    <input type="checkbox" value="3" name="check"/> WaDHTML5中文学习网 - HTML5先行者学习网
    <input type="button" value="选中个数" id="btn" onclick="countNum();"> WaDHTML5中文学习网 - HTML5先行者学习网
WaDHTML5中文学习网 - HTML5先行者学习网

项目中有相同需求的小伙伴可以参考下哈,有更好的方式也请联系我。WaDHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助