2017-11-02 9 views
0

私はすでにこれについて検索しましたが、私の問題は少し異なります。これにはdataTables jsライブラリを使用し、laravelを使用しました。テーブル内のチェックボックスをオンにしてから、次へをクリックして他のアイテムをチェックし、次にaddをクリックすると、ページが追加されるアイテムのみが追加されます。例えば、私が最初のページにいる、そして私はitem1 & item2をクリックし、その後、私はitem10 & item16をクリックすると、他の項目を選択するには、次のページをクリックし、その後、私はaddをクリックした場合のみ、アイテムは、PHPで読み込むことであるアイテムです現在のページ。データシートはlaravelでフォーム入力を読み取ることができません

$(document).ready(function(){ 
 
    $('.data-tables').dataTable(); 
 
});
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/jq-3.2.1/jszip-2.5.0/dt-1.10.16/af-2.2.2/b-1.4.2/b-colvis-1.4.2/b-flash-1.4.2/b-html5-1.4.2/b-print-1.4.2/cr-1.4.1/fc-3.2.3/fh-3.1.3/kt-2.3.2/r-2.2.0/rg-1.0.2/rr-1.2.3/sc-1.4.3/sl-1.2.3/datatables.min.css"/> 
 

 

 

 
<div class="container"> 
 
    <form action="{{ route('add') }}" method="post"> 
 
    <table class="table table-striped data-tables"> 
 
     <thead> 
 
     <tr> 
 
      <th>Select</th> 
 
      <th>Items</th> 
 
     </tr> 
 
     </thead> 
 
     <tbody> 
 
     <tr> 
 
      <td> 
 
      <input type="checkbox" name="item[]"> 
 
      </td> 
 
      <td> 
 
      Item1 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td> 
 
      <input type="checkbox" name="item[]"> 
 
      </td> 
 
      <td> 
 
      Item2 
 
      </td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 

 
    <button type="submit" class="btn btn-primary">Add</button> 
 
    </form> 
 
</div> 
 

 

 

 

 

 

 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> 
 
<script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/jq-3.2.1/jszip-2.5.0/dt-1.10.16/af-2.2.2/b-1.4.2/b-colvis-1.4.2/b-flash-1.4.2/b-html5-1.4.2/b-print-1.4.2/cr-1.4.1/fc-3.2.3/fh-3.1.3/kt-2.3.2/r-2.2.0/rg-1.0.2/rr-1.2.3/sc-1.4.3/sl-1.2.3/datatables.min.js"></script>

+0

あなたは、現在のページで選択されている 'items'を言うことを意味は、正確に、はい@PrashantPokhriyal追加ではなく、それらの他のページ –

+0

で選択されています。 – Jonjie

答えて

0

あなたがこれを使用することができます:以下のコードを参照してください。

//var dataTableis the object created for your datatable 
dataTable.$('input[type="checkbox"]').each(function(){ 

}); 
+0

こんにちはMiggy。あなたのコードを説明できますか? – Jonjie

+0

こんにちは@Hash、このコードはあなたのデータテーブルの中にすべての入力タイプのチェックボックスを取得し、次に各機能を使用してチェックボックスの各結果を取得します – Miggy

+0

あなたは 'each()'の中でどのような動作をしていますか? – Jonjie

関連する問題