数据表使用select-checkbox来获取所选的id并通过ajax更简单的方式发布

时间:2017-08-09 08:24:56

标签: javascript jquery datatables

如何使用数据表select-checkbox?下面的代码用于单击表行以获取所选行,但我想使用数据表选择复选框,而不是通过ajax发布值。

Jquery的:

$(document).ready(function() {
  var selected = [];

    $("#example").DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "scripts/ids-arrays.php",
        "rowCallback": function( row, data ) {
            if ( $.inArray(data.DT_RowId, selected) !== -1 ) {
                $(row).addClass('selected');
            }
        }
    });

    $('#example tbody').on('click', 'tr', function () {
        var id = this.id;
        var index = $.inArray(id, selected);

        if ( index === -1 ) {
            selected.push( id );
        } else {
            selected.splice( index, 1 );
        }

        $(this).toggleClass('selected');
    } );
} );

HTML:

<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>Id </th>
      <th>First name</th>
      <th>Last name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Start date</th>
      <th>Salary</th>
    </tr>
  </thead>  
</table>

0 个答案:

没有答案