如果未選中複選框，則將狀態設置爲0

Question

grabData函數獲取選中複選框的值並將其提交給我的數據數組。什麼我想知道是如何設置的state到0如果沒有選中的複選框被提交 - 我也想它alert選擇無時 - 驗證

function grabData(checked){ 
     checked = typeof(checked) == 'undefined' ? false : checked; 
     var items = document.getElementsByClassName('product_category_selector'); 
     var data = []; 

     for(var i = 0; i < items.length; i++){ 
      if(items[i].type != 'checkbox' || items[i].checked != checked){ 
       continue; 
      } 

      data.push(items[i].getAttribute('data-id')); 
     } 

     return data; 
    } 
       $('body').on("click", "#brands_by_category_submit_btn", function (e) { 
        e.preventDefault();    
        var self = $(this); 
        var box = $("#catInfo"); 
        var id = $("#manID").data("id"); 
        var cat_id = grabData(); 

        var url = $("#brands_by_category_submit_btn").data("url"); 

        var data_array = { 
          id : id, 
          cat_id : grabData(true), 
          state: 1 
         }; 

          ajaxCall(url, data_array,'catInfo'); 

       }); 

Answer 1

那麼首先你可以大大簡化你的grabData功能。

function grabData(checked) { 
    return $('.product_category_selector' + (checked? ':checked' : ':not(:checked)')).map(function (index, chk) { 
     return $(chk).data('id'); 
    }).get(); 
} 

然後單擊處理程序中，你可以這樣做：

var data = grabData(true); //get checked checkbox data-id values 

console.log(data.length); //if 0, no items were checked