如何從AJAX複選框中獲取多個值？

Question

我的HTML代碼：

<form action="#" method="POST"> 
     <li><input type="checkbox" name="pilih_fitur" value="fitur1">Posisi Kalimat di Paragraf(F1)</li> 
       <li><input type="checkbox" name="pilih_fitur" value="fitur2">Posisi Kalimat di Dokumen(F2)</li> 
       <li><input type="checkbox" name="pilih_fitur" value="fitur3">Data Numerik(F3)</li> 
       <li><input type="checkbox" name="pilih_fitur" value="fitur4">Tanda Petik Dua(F4)</li> 
       <li><input type="checkbox" name="pilih_fitur" value="fitur5">Panjang kalimat(F5)</li> 
       <li><input type="checkbox" name="pilih_fitur" value="fitur6">Kata kunci(F6)</li> 
       <br> 
       <li><button class="btn btn-primary" onclick="ringkas_sekarang()" type="button" style="float: left;border-radius:0px;">RINGKAS SEKARANG</button></li> 
       <li>&nbsp;</li> 
      </form> 

和我的AJAX這樣的：

function ringkas_sekarang(){ 
     var id=$("#select_uji").val(); 
     var pilih_fitur=document.querySelector('input[name="pilih_fitur"]:checked').value; 
      // console.log(id); 
      $.ajax({ 
      type:"POST", 
      url:"<?php echo site_url()?>/c_index/hitung_knn", 
      data: "id="+id+"&pilih_fitur="+pilih_fitur, 
      success:function(data) { 
      alert("Dokumen barhasil diringkas !"); 

      $("#sesudah_ringkas").html("<textarea style='text-align:justify;padding:20px;border:none;font-size:12px;width:48%;height:380px;float:right' readonly >"+data+"</textarea>"); 
      } 
     }); 
} 

我怎樣才能在複選框所有值控制器發送？

Answer 1

使用這個，並確保你有jquery包含在頁面中。

var arr = $('input[name="pilih_fitur"]:checked').map(function() { return this.value; }).get(); 
     console.log(arr);  

Answer 2

變化與

name="pilih_fitur[]" 

的名稱，取值爲最簡單的方法是

var arr= new FormData(document.getElementById("from_id")); 

然後

$.ajax({ 
      type:"POST", 
      url:"<?php echo site_url()?>/c_index/hitung_knn", 
      data: arr, 
      success:function(data) { 
      alert("Dokumen barhasil diringkas !"); 

      $("#sesudah_ringkas").html("<textarea style='text-align:justify;padding:20px;border:none;font-size:12px;width:48%;height:380px;float:right' readonly >"+data+"</textarea>"); 
      } 
     });