javascript - 如何使用 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>");
          }
        });
}

如何获取复选框上的所有值以发送到 Controller ？

Answer 1

使用它并确保您已将 jquery 包含到页面中。

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