代码实现数据库传入数据jquery批量删除按钮

如果要实现数据库传入数据，可以使用Ajax来发送请求，将删除数据的ID传递到后端进行删除。以下是一个简单的示例：

HTML代码：

<table>
  <thead>
    <tr>
      <th><input type="checkbox" id="checkAll"></th>
      <th>Name</th>
      <th>Email</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr data-id="1">
      <td><input type="checkbox" class="checkItem"></td>
      <td>John Doe</td>
      <td>john@example.com</td>
      <td><button class="btnDelete">Delete</button></td>
    </tr>
    <tr data-id="2">
      <td><input type="checkbox" class="checkItem"></td>
      <td>Jane Doe</td>
      <td>jane@example.com</td>
      <td><button class="btnDelete">Delete</button></td>
    </tr>
    <tr data-id="3">
      <td><input type="checkbox" class="checkItem"></td>
      <td>Bob Smith</td>
      <td>bob@example.com</td>
      <td><button class="btnDelete">Delete</button></td>
    </tr>
  </tbody>
</table>

jQuery代码：

$(document).ready(function() {
  // Check all checkboxes when checkAll checkbox is clicked
  $('#checkAll').click(function() {
    $('.checkItem').prop('checked', $(this).prop('checked'));
  });

  // Delete selected rows when btnDelete button is clicked
  $('.btnDelete').click(function() {
    if (confirm('Are you sure you want to delete selected rows?')) {
      var ids = [];
      $('.checkItem:checked').each(function() {
        ids.push($(this).closest('tr').data('id'));
        $(this).closest('tr').remove();
      });

      // Send a request to delete the rows
      $.ajax({
        url: 'delete.php',
        type: 'POST',
        data: {ids: ids},
        success: function(response) {
          console.log(response);
        },
        error: function(xhr, status, error) {
          console.log(error);
        }
      });
    }
  });
});

这段代码会为表格中每个删除按钮添加点击事件，并提示用户是否确定删除选定的行。如果用户点击“确定”，则会遍历选中的复选框，将相应的行从表格中删除，并将ID添加到一个数组中。最后，通过Ajax发送一个POST请求到后端的`delete.php`文件，将ID数组发送到后端进行删除操作。在后端，可以通过$_POST['ids']获取ID数组，然后进行相应的删除操作。注意，这里的示例代码仅供参考，需要根据实际情况进行适当修改。