Question

我已经搜索过这个，但我的问题有点不同。我为此使用了dataTables js库，另外还使用了laravel。每当我选中表格中的复选框，然后单击下一步以检查其他项目，然后单击add，将添加的唯一项目是页面所在的项目。例如，我在第一页，然后点击item1＆amp; item2，然后点击下一页选择其他项目，点击item10＆amp; item16，然后如果单击add，则php中唯一的项目是当前页面中的项目。请参阅以下代码：

＆＃13;

$(document).ready(function(){
  $('.data-tables').dataTable();
});

＆＃13;

<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>

＆＃13;

Answer 1

你可以使用它。

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

});

数据表无法使用laravel读取表单输入

1 个答案: