问题描述

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>

解决方案二：

这是图，谢谢大神们。