javascript - 将多个变量传递给 JavaScript 函数？

Question

我有一个很大的信息表，可能会让人有点不知所措。我目前有隐藏或显示某些列的按钮，以便更轻松地找到您需要的内容。我使用此代码来显示/隐藏。

<script type="text/javascript" charset="utf-8">    
function fnShowHide( iCol )
    {
        var oTable = $('#tablename').dataTable();
        var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
        oTable.fnSetColumnVis( iCol, bVis ? false : true );
    }
</script>

稍后，我使用以下代码来隐藏或显示表格中的某一列。

<button id="button">
    <a href="javascript:void(0);" onclick="fnShowHide(0);">Column1</a>
</button>
<button id="button">
    <a href="javascript:void(0);" onclick="fnShowHide(1);">Column2</a>
</button>
<button id="button">
    <a href="javascript:void(0);" onclick="fnShowHide(2);">Column3</a>
</button>

如何制作一个可以隐藏或显示多行而不是单行的按钮？

我正在使用DataTables显示我的数据并使用 this上面按钮的示例(如果有影响的话)。

Answer 1

与其接受单个整数作为输入，为什么不接受要隐藏的行数组？

function fnShowHide( iCols )
{
    var i, iCol;
    var oTable = $('#tablename').dataTable();

    for (i = 0; i < iCols.length; i += 1) {
        iCol = iCols[i];
        var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
        oTable.fnSetColumnVis( iCol, bVis ? false : true );
    }
}

要为一行调用它，您只需使用 fnShowHide([2])，对于多行，您将传递多个值，例如 fnShowHide([2,3,4] )