【问题标题】:Datatables:Trying to get selected radio buttons values of each table row in csv format数据表:尝试以 csv 格式获取每个表行的选定单选按钮值
【发布时间】:2017-09-14 19:23:21
【问题描述】:

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

当我在第一页上选择单选按钮时,我可以在 CSV 中获取所有选定的单选按钮值。它工作正常。当我转到第二页并选择单选按钮时,就会出现这里的问题。我在第二页上获得了所有选定的单选按钮,但是第一页单选按钮的值消失了。同样,我正在获取第三页选择的单选按钮值,但随后第二页选择的值消失了,依此类推...我附上了一张图片以进行更多说明:

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

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

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

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

【问题讨论】:

    标签: jquery csv datatables


    【解决方案1】:

    原因

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

    解决方案

    使用 jQuery DataTables $() 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

    【讨论】:

    • 好的,让我试试,如果它有效,会通知你。感谢您的回复。
    • 我没测试过,转了别的工作,等我测试了,会回复你的。
    【解决方案2】:

    我已经为你创建了一个小提琴检查here

    $('.select-first').on('change', function(e) {
       alert("Checked");
       var options = $(this).prop("checked", true);
       var checked = 'id='+ ids + '&option='+ options;
    }); $('#myTable').DataTable();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-06-20
      • 1970-01-01
      • 1970-01-01
      • 2011-08-02
      • 1970-01-01
      • 2012-02-03
      • 2016-08-30
      • 1970-01-01
      相关资源
      最近更新 更多