使用多個複選框取消選中後從陣列中刪除值

Question

$('.options').click(function() { 
      var selectedItems = new Array(); 
      $("input:checkbox:checked").each(function() {selectedItems.push($(this).val());}); 
       var data = selectedItems.join(','); 
      $("#opts").val(data); 
     }); 

我有這個函數將複選框中的值插入到數組中。目前，這工作正常。但是在提交表單時，值會保留在數組中，但問題是取消選中複選框後，它將保留在數組中，如果再次檢查同一個框，它會再次添加值。任何幫助？

Answer 1

，你可以在一個檢查，以確保該值尚未在陣列中的推

if(!($.inArray($(this).val(), selectedItems))){ 
    selectedItems.push($(this).val());}); 
} 

前