博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

全选与反选

Posted on 2009-04-08 11:02  緗灵  阅读(197)  评论(0编辑  收藏  举报

<asp:CheckBoxList ID="cblfwpz" class="cbl" runat="server" CellPadding="1" CellSpacing="1"
                                    RepeatColumns="10" RepeatDirection="Horizontal">
</asp:CheckBoxList>
<input type="checkbox" name="quanxuan" id="allme" value="1" onclick="checkAll(this)" />

<label  for="allme">全选</label>
<input type="checkbox" name="fanxuan" id="fx" onclick="famx()" />

<label for="fx">反选</label>

 

 

//全选与全不选
        function checkAll(obj) {
            //方法一
            $(".cbl input").attr("checked", obj.checked);
        }

        //一个按钮控制全选和全不选
        function quanxuan() {
            if ($(".cbl input").attr("checked")) {
                $(".cbl input").attr("checked", false);
            } else {
                $(".cbl input").attr("checked", true);
            }
        }

        //反选
        function famx() {
            $.each($(".cbl input"), function(i, n) {
                n.checked = !n.checked;
            });
            $("#allme").attr("checked", false);
        }

 

 

<a href="javascript:void(0);" onclick="selectall('cblfwpz',1)">全选</a>
<a href="javascript:void(0);" onclick="selectall('cblfwpz',0)">反选</a>

 //a标记全选
        ///n==1 checkbox全选 n=0 反选
        function selectall(s,n) {
            var alist = document.getElementsByTagName("INPUT");
            for (var i = 0; i < alist.length; i++) {
                if (alist[i].type == "checkbox" && alist[i].id.indexOf(s) >= 0) {
                    if (n == 1) {
                        alist[i].checked = true;
                    }
                    else if (n == 0) {
                        alist[i].checked = !alist[i].checked;
                    }

                }
            }
        }