Bagaimana untuk mendapatkan id semua data kotak semak yang disemak dari datatable dalam php jquery

Question

Saya menggunakan kotak pilihan dalam semua baris supaya apabila setiap kotak pilihan ditandakan saya mendapat Id mereka, semuanya berfungsi dengan baik dengan apa yang telah saya laksanakan tetapi masalahnya ialah saya hanya mendapat Halaman bagi jadual data ID yang disemak khusus. Bermakna jika saya menyemak kotak semak untuk satu data dari halaman 1 dan juga menyemak kotak semak untuk data lain dari halaman 2 maka apabila saya menyerahkan saya hanya mendapat data dari halaman 2. Apa yang saya mahukan ialah saya harus mendapatkan data dengan Id dari page1, page2, page3 dll.

Di sinilah semua data saya berasal

@foreach($data as $key => $question_bank)

  <tr id="{{ $question_bank->id }}">
    <td>
        
        <jenis input="kotak semak"data-id="{{ $question_bank->id }}"

    </td>
    <td>{{++$i}}</td>
    <td>{{ $question_bank->questionCategory->category }}</td>
    <td>{{$question_bank->question}}</td>
    
    
  </tr>

@endforeach

<jenis butang="serahkan" id="add_to"
<p>Ini bahagian jquery saya</p>
<pre class="brush:php;toolbar:false;">$(document).on('click','#add_to',function(e){
  e.preventDefault();
  var questionids_arr = [];
  $("input:checkbox[class=add_check]:checked").setiap(fungsi () {
     questionids_arr.push($(this).attr('data-id'));
  });
  console.log(questionids_arr);

  
  kembali palsu;
});

Answer 1

Anda perlu menyimpan ID yang dipilih ke medan tersembunyi dalam borang.

<input type="hidden" id="selectedValues" name="selectedValues">

Tambah kotak semak onclick() dan tambahkan fungsi berikut pada JavaScript.

function addRemove(id){
  // const selectedIds = $('#selectedValues').val();
  var selectedIds = JSON.parse($('#selectedValues').val());
  
  console.log(selectedIds);
  if($('#' + id).is(":checked")){
    //Add if id not there in array
    selectedIds.push(id);
  }else{
    //Remove from the array
    selectedIds = selectedIds.filter(function(item) {
        return item !== id
    })
  }
  
   $("#selectedValues").val(JSON.stringify(selectedIds));
   console.log(selectedIds)
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike" onclick="addRemove('vehicle1')"> Bike
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car" onclick="addRemove('vehicle2')"> Car


<input type="hidden" name="selectedValues" id="selectedValues" value="[]">

Answer 2

Saya rasa anda mahu menambah atau mengalih keluar item dalam tatasusunan dan ia boleh digunakan untuk penomboran jadual data. Saya menjumpai penyelesaian yang berkesan, anda boleh menyemak sama ada ia berfungsi untuk anda Kotak semak dalam DataTables perlu menangkap semua nilai yang diperiksa