在bootstrap-table上保存所选行

<link rel="stylesheet" href="path/to/bootstrap.min.css">
<link rel="stylesheet" href="path/to/bootstrap-table.min.css">
<script src="path/to/jquery.min.js"></script>
<script src="path/to/bootstrap.min.js"></script>
<script src="path/to/bootstrap-table.min.js"></script>

<table id="table" data-toggle="table" data-click-to-select="true" data-single-select="true">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Product 1</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Product 2</td>
      <td>$200</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Product 3</td>
      <td>$300</td>
    </tr>
  </tbody>
</table>

var selectedRows = [];

$('#table').on('check.bs.table', function (e, row) {
  selectedRows.push(row);
});

$('#table').on('uncheck.bs.table', function (e, row) {
  var index = selectedRows.indexOf(row);
  if (index !== -1) {
    selectedRows.splice(index, 1);
  }
});

$('#saveButton').click(function () {
  // 将selectedRows发送到服务器进行保存
  $.ajax({
    url: 'save.php',
    method: 'POST',
    data: { rows: selectedRows },
    success: function (response) {
      // 处理保存成功的逻辑
    },
    error: function (xhr, status, error) {
      // 处理保存失败的逻辑
    }
  });
});