jQuery DataTables 1.9.4能否实现单选复选框功能？

好问题！虽然jQuery DataTables 1.9.4是比较老旧的版本（官方的Select扩展是从1.10版本才开始支持的），但完全可以手动实现和你参考的示例一样的单选复选框功能——核心逻辑就是控制复选框的选中状态，适配老版本的API就行。

下面是具体的实现步骤：

1. 给表格添加复选框列 #

首先在你的HTML表格结构里，专门加一列用于放置单选复选框：

<table id="example">
  <thead>
    <tr>
      <th></th> <!-- 复选框列 -->
      <th>Name</th>
      <th>Position</th>
      <!-- 其他列... -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox" class="dt-radio-checkbox"></td>
      <td>Tiger Nixon</td>
      <td>System Architect</td>
      <!-- 其他列数据... -->
    </tr>
    <!-- 更多行... -->
  </tbody>
</table>

2. 初始化DataTables并绑定单选逻辑 #

在初始化DataTables的代码里，添加复选框的点击事件监听，实现单选效果：

// 初始化DataTables（1.9.4的API写法）
var oTable = $('#example').dataTable({
  // 你的初始化配置，比如bPaginate, bFilter等
});

// 监听复选框点击事件
oTable.$('.dt-radio-checkbox').on('click', function() {
  // 先取消所有其他复选框的选中状态
  oTable.$('.dt-radio-checkbox').prop('checked', false);
  // 再选中当前点击的复选框
  $(this).prop('checked', true);
});

3. 获取选中行的数据 #

如果需要获取用户选中的那一行数据，可以用1.9.4的API来实现：

// 获取选中的复选框对应的行
var selectedRow = oTable.$('.dt-radio-checkbox:checked').closest('tr');
// 获取该行的数据（用fnGetData方法）
var rowData = oTable.fnGetData(selectedRow);
// 输出数据示例
console.log('选中行的数据:', rowData);

额外注意事项 #

• 因为1.9.4没有官方的Select扩展，所以所有的选中状态管理都要手动处理，比如分页切换后，要确保之前的选中状态不会混乱（可以把选中行的ID存在变量里，分页后重新找到对应的行并勾选）。
• 如果需要禁用某些行的单选功能，只需要给对应复选框加disabled属性即可。

内容的提问来源于stack exchange，提问作者user752590