如何在javascript中通过列ID更改列可见性？

如果选中某个列的复选框，我希望该列可见。我有这个功能：

function SaveTableSettings() {
    var notChecked = [], checked = [];
    var table = $('#data-table');
    $(":checkbox").each(function() {
        if(this.checked){
            checked.push(this.id);

        } else {
            notChecked.push(this.id);
        }
});

我想使用“checked”数组的元素，并使用此函数更改相应的列可见性：

if (dataTableId == "data-table"&&toShow.length<1) {
    alert("in if");
    table.column(1).visible(false);
    table.column(2).visible(false);
    table.column(3).visible(false);
    table.column(4).visible(false);
} else {
    for (i = 0; i < toShow.length; i++) {

    }
}

if（dataTableId==“data table”&&toShow.length可以使用，更准确地说，应该使用

以下是基本用法示例：

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ]
    } );
} );

您必须包含相关的JavaScript文件，例如：






或者，使用并包含带有按钮和列可见性模块的数据表

p、 s如果您使用旧的数据表（1.9.x），您应该使用
您可以使用，更准确地说，您应该使用

以下是基本用法示例：

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ]
    } );
} );

您必须包含相关的JavaScript文件，例如：






或者，使用并包含带有按钮和列可见性模块的数据表

p、 s如果您使用旧的数据表（1.9.x），您应该使用
您可以使用，更准确地说，您应该使用

以下是基本用法示例：

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ]
    } );
} );

您必须包含相关的JavaScript文件，例如：






或者，使用并包含带有按钮和列可见性模块的数据表

p、 s如果您使用旧的数据表（1.9.x），您应该使用
您可以使用，更准确地说，您应该使用

以下是基本用法示例：

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ]
    } );
} );

您必须包含相关的JavaScript文件，例如：






或者，使用并包含带有按钮和列可见性模块的数据表

p、 如果您使用旧的datatables（1.9.x），那么您应该使用
如果没有标记/HTML，调试代码是很困难的，但在我看来，您似乎在试图用大锤敲开螺母

只需使用一个属性将复选框绑定到某个列，而不是
id
（？）：



在您的
SaveTableSettings（）
或任何内容中：

$（“[数据列]”）。每个（函数（）{
table.column（$（this）.data（'column'））.visible（$（this）.is（':checked'））；
})

小型演示->


上述内容可以轻松更改为目标
id
，而不是列索引。只需将
id
添加到

<th id="col0">columnHeader</th>

在没有标记/HTML的情况下调试代码是很困难的，但在我看来，您似乎在试图用大锤敲开一颗坚果

只需使用一个属性将复选框绑定到某个列，而不是
id
（？）：



在您的
SaveTableSettings（）
或任何内容中：

$（“[数据列]”）。每个（函数（）{
table.column（$（this）.data（'column'））.visible（$（this）.is（':checked'））；
})

小型演示->


上述内容可以轻松更改为目标
id
，而不是列索引。只需将
id
添加到

<th id="col0">columnHeader</th>

在没有标记/HTML的情况下调试代码是很困难的，但在我看来，您似乎在试图用大锤敲开一颗坚果

只需使用一个属性将复选框绑定到某个列，而不是
id
（？）：



在您的
SaveTableSettings（）
或任何内容中：

$（“[数据列]”）。每个（函数（）{
table.column（$（this）.data（'column'））.visible（$（this）.is（':checked'））；
})

小型演示->


上述内容可以轻松更改为目标
id
，而不是列索引。只需将
id
添加到

<th id="col0">columnHeader</th>

在没有标记/HTML的情况下调试代码是很困难的，但在我看来，您似乎在试图用大锤敲开一颗坚果

只需使用一个属性将复选框绑定到某个列，而不是
id
（？）：



在您的
SaveTableSettings（）
或任何内容中：

$（“[数据列]”）。每个（函数（）{
table.column（$（this）.data（'column'））.visible（$（this）.is（':checked'））；
})

小型演示->


上述内容可以轻松更改为目标
id
，而不是列索引。只需将
id
添加到

<th id="col0">columnHeader</th>

你能提供更多的代码吗？或者一个JSFIDLE？那会有很大帮助。你能提供更多的代码吗？或者一个JSFIDLE？那会有很大帮助。你能提供更多的代码吗？或者一个JSFIDLE？那会有很大帮助。做了一个小改动，当你不想关闭更新按钮。fiddle:可能需要在选择器中使用类或id。进行了一个小更改，用于不想使用更新按钮的情况。fiddle:可能需要在选择器中使用类或id。进行了一个小更改，用于不想使用更新按钮的情况。fiddle:可能需要在选择器中使用类或id。进行了一个小c当您不想使用更新按钮时，可以使用hange。fiddle：可能需要在选择器中使用类或id。