jQuery DataTables（Classic ASP+JSON）筛选后复选框无法识别勾选状态问题

我之前也遇到过完全一样的问题！核心原因是DataTables在筛选时会隐藏不符合条件的行，但如果直接用普通jQuery选择器获取复选框，很容易漏掉那些被筛选隐藏的行里的选中项——尤其是当DataTables动态重绘DOM的时候，缓存的选择器甚至会失效。

你当前的代码$checks.filter(":checked")如果是基于初始DOM的选择器，当筛选触发后，那些被隐藏的行的复选框可能没被包含进去，或者选择器引用的是已经被DataTables移除的旧DOM元素。

给你两个可行的解决方案，按推荐程度排序：

方案1：使用DataTables官方API（最可靠） #

DataTables提供了完整的API来操作所有行（包括隐藏的），完全避开DOM操作的坑。

首先确保你初始化DataTables时保存了实例：

// 初始化表格时保存实例
var dataTable = $('#yourTableId').DataTable({
    // 你的配置项，比如列定义、筛选开启等
});

然后修改获取选中值的代码：

// 获取所有行（包括筛选隐藏的）里的选中复选框值
var selectedValues = dataTable.rows().nodes().toArray()
    .map(row => {
        const checkbox = $(row).find('input[type="checkbox"]');
        return checkbox.is(':checked') ? checkbox.val() : null;
    })
    .filter(val => val !== null)
    .join(',');

// 赋值到文本框
$('#idler').val(selectedValues);

或者用更简洁的every()方法：

var selectedValues = [];
dataTable.rows().every(function() {
    const checkbox = $(this.node()).find('input[type="checkbox"]');
    if (checkbox.is(':checked')) {
        selectedValues.push(checkbox.val());
    }
});
$('#idler').val(selectedValues.join(','));

为什么这个方法有效？ #

dataTable.rows().nodes()会返回表格中所有行的DOM节点，不管当前是否被筛选隐藏，这样就能确保不会漏掉任何选中的复选框。完全不受筛选、分页、排序等操作的影响。

方案2：修正jQuery选择器（快速临时解决） #

如果你不想改太多代码，可以确保每次获取时都重新选择所有复选框，并且不忽略隐藏元素（虽然:checked本身不关心可见性，但要确保选择器包含所有行）：

// 不要缓存$checks，每次都重新选择所有复选框
var string = $('#yourTableId input[type="checkbox"]')
    .filter(":checked")
    .map(function() { return this.value; })
    .get()
    .join(","); 
$('#idler').val(string);

注意事项 #

这个方法虽然简单，但如果你的DataTables开启了服务器端分页（serverSide: true），那只有当前页的行在DOM里，其他页的选中项还是会漏掉——这时候必须用方案1结合客户端状态存储来解决。

最后提醒：如果你的复选框是全选/反选的逻辑，也要同步用DataTables API来操作所有行，而不是只操作可见行，否则筛选状态下的全选会失效。

内容的提问来源于stack exchange，提问作者Hasan Fehmi B.