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

Question

I have a big table of info which can get a bit overwhelming. I currently have buttons to hide or show certain columns to make it easier to find what you need. I use this code to show/hide.

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

Later on, I use the following code to hide or show a certain column in the table.

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

How would I make a single button that would hide or show multiple rows rather than just single rows?

I am using DataTables to show my data and am using this example for the button above (if that makes a difference).

Answer 1

Rather than accepting a single integer as input, why not accept an array of rows you want to hide?

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 );
    }
}

To invoke it for one row you would just use fnShowHide([2]) , and for multiple rows you would pass in multiple values like fnShowHide([2,3,4])