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>");
          }
        });

如何从AJAX复选框中获取多个值？

2 个答案: