JS控制checkbox实现把已经勾选的列出。

默认情况时这个样子的。

当我勾选上两项后 点击 已选择 就把我已经勾选的显示出来 没有勾选的不显示。点击 全部 就把全部列出来。

当我点击已选择 后 

点击已选择 
<input id="Button2" type="button" value="已选择" onclick ="yxz();" /></td>

JS控制:GridView_zc为帮点字段gridview的ID
<script type="text/javascript">
            function yxz() {//查看已选择
                if (!document.all.GridView_zc) {
                    return;
                }
                for (i = 1; i < document.all.GridView_zc.rows.length; i++) {
                    var cb = document.all.GridView_zc.rows(i).cells(0).children(0);
                    var row = document.all.GridView_zc.rows(i);
                    if (!cb.checked) {
                        row.style.display = "none";
                    }
                }
            }
    </script>

效果图:

点击全部资产后:

<input id="Button3" type="button" value="全部资产" onclick ="qb();" />


<script type="text/javascript">
        function qb() {//查看全部
            if (!document.all.GridView_zc) {
                return;
            }
            for (i = 1; i < document.all.GridView_zc.rows.length; i++) {
                var row = document.all.GridView_zc.rows(i);
                row.style.display = "block";
            }
        }
    </script>

效果图:

posted on 2012-05-08 09:53  小东北  阅读(2968)  评论(0编辑  收藏  举报