將多個變量傳遞給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顯示我的數據，並使用此示例作為上面的按鈕（如果這有所不同）。

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])