repeater-Repeater裡面的列通過CheckBox控制隱藏與顯示

Repeater裡面的列通過CheckBox控制隱藏與顯示

Repeater裡面的列通過CheckBox控制隱藏與顯示，最好Js實現，下面是我寫的js但有問題

  function hideTest() {
            var ck = document.getElementsByName("ck");
            var test = document.getElementsByTagName('td');
            for (var i = 0; i < test.length; i++) {
                for (var m = 0; m < ck.length; m++) {
                    if (ck[m].Checked ==false) {
                       test[i].style.display = "none";
                    }

                }


            }

        }

最佳回答：

看截圖不懂你結構，給個簡單的給你

 <table id="tb">
<tr><td><input type="checkbox" onclick="showHideCol(this)" />編號</td><td><input type="checkbox" onclick="showHideCol(this)" />結構名稱</td><td><input type="checkbox" onclick="showHideCol(this)" />姓名</td></tr>
<tr><td>編號</td><td>結構名稱</td><td>姓名</td></tr>
<tr><td>編號</td><td>結構名稱</td><td>姓名</td></tr>
<tr><td>編號</td><td>結構名稱</td><td>姓名</td></tr>
<tr><td>編號</td><td>結構名稱</td><td>姓名</td></tr>
</table>
<script>
    function showHideCol(o) {
        var rows = document.getElementById('tb').rows,
        cellIndex = o.parentNode.cellIndex; //所在列下標
        for (var i = 1; i < rows.length; i++) rows[i].cells[cellIndex].style.visibility = o.checked ? 'visible' : 'hidden';//設置visibility屬性，設置display到時會對不齊
    }
</script>