在jquery数据表中选择单个复选框

<table id="data-table">
  <thead>
    <tr>
      <th></th>
      <th>Name</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox" class="checkbox"></td>
      <td>John Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td><input type="checkbox" class="checkbox"></td>
      <td>Jane Smith</td>
      <td>jane@example.com</td>
    </tr>
    <tr>
      <td><input type="checkbox" class="checkbox"></td>
      <td>Mike Johnson</td>
      <td>mike@example.com</td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
  $('#data-table').on('change', '.checkbox', function() {
    var checked = $(this).is(':checked');
    if (checked) {
      // 复选框被选中时的操作
      var name = $(this).closest('tr').find('td:nth-child(2)').text();
      var email = $(this).closest('tr').find('td:nth-child(3)').text();
      console.log('Selected: ' + name + ' (' + email + ')');
    } else {
      // 复选框取消选中时的操作
      console.log('Deselected');
    }
  });
});