多复选框筛选表格行问题：多选国家时筛选功能失效求助

你的核心问题是原代码直接把数组传给indexOf，此时数组会被转为逗号拼接的字符串，只有行文本恰好包含这个完整字符串才会匹配，没法实现多国家的“或”筛选逻辑。

修改后的代码如下：

$("#websiteTable tr").filter(function() {
    // 无选中国家时显示所有行
    if (locations.length === 0) {
        return true;
    }
    // 检查当前行是否包含任意一个选中的国家
    return locations.some(country => $(this).text().indexOf(country) > -1);
}).toggle();

代码说明 #

• 先判断locations数组是否为空，为空则直接显示所有行，避免无选中时隐藏所有内容
• 使用数组的some()方法，只要行文本包含数组里的任意一个国家值，就返回true，该行会被保留显示
• 最后通过toggle()统一控制行的显示/隐藏状态

补充：复选框值收集逻辑（可选） #

如果还没实现选中国家值的收集，可以用这段代码监听复选框变化：

let locations = [];

// 监听复选框状态变化
$('input[type="checkbox"][name="country"]').on('change', function() {
    // 收集所有选中的国家值
    locations = $('input[type="checkbox"][name="country"]:checked').map(function() {
        return $(this).val();
    }).get();
    // 执行筛选
    $("#websiteTable tr").filter(function() {
        if (locations.length === 0) {
            return true;
        }
        return locations.some(country => $(this).text().includes(country));
    }).toggle();
});

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