jquery - 数据表:尝试以 csv 格式获取每个表行的选定单选按钮值

Question

我正在使用 jquery 数据表插件。我想做的是以 CSV(逗号分隔值)格式获取所有选定的单选按钮值。由于记录太多，正在使用分页。

当我选择第一页上的单选按钮时，我可以获取 CSV 中所有选定的单选按钮值。运行良好。当我转到第二页并选择单选按钮时，会出现这里的问题。我在第二页上获取所有选定的单选按钮，但第一页单选按钮值消失。同样，我正在获取第三页选定的单选按钮值，但第二页选定的值消失了，依此类推...我已附上一张图像以进行更多说明:

简而言之，我正在尝试以 CSV 格式获取所有页面(或用户选择单选按钮的页面)的选定单选按钮值。

下面的 jquery 代码我用来获取选定的单选按钮值:

  var StateIDs = $('.status:checked').map(function() { 
      return this.id; 
  }).get().join(',');

是否有任何数据表 API 方法可以完成这项工作？

Answer 1

原因

DOM 中不存在第一个页面以外的元素，这就是为什么 $() jQuery 方法无法访问其他页面的单选按钮。

解决方案

使用 jQuery 数据表 $() API 方法使您可以访问表中的所有元素。

var table = $('#example').DataTable();

var StateIDs = table.$('.status:checked').map(function() { 
   return this.id; 
}).get().join(',');

链接

参见jQuery DataTables: How to submit all pages form data了解更多信息。