DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery實現統計復選框選中數量
jQuery實現統計復選框選中數量
編輯: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();">

項目中有相同需求的小伙伴可以參考下哈,有更好的方式也請聯系我。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved