qq_24504121
qq_24504121
采纳率50%
2015-04-30 03:50

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

                }


            }

        }
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • showbo GoCityPass新加坡曼谷通票 6年前

    看截图不懂你结构,给个简单的给你

     <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>
    
    点赞 1 评论 复制链接分享
  • qq_24504121 qq_24504121 6年前

    图片说明 这是图,谢谢大神们。

    点赞 1 评论 复制链接分享

相关推荐