请问一下,我在Repeater的模版中使用了checkbox,我现在有一个总的checkbox,我选择总的checkbox,就可以全选Repeater里面的所有checkbox,我知道要用js,我的问题是js应该怎么写,然后怎么插入到网页中与总的checkbox关联起来呢?!

解决方案 »

  1.   

    http://blog.csdn.net/redfox521/article/details/2200073
      

  2.   

    if (this.Button1.Text == "全选")
            {
                foreach (DataListItem dli in this.DataList1.Items)
                {
                    CheckBox cb = (CheckBox)dli.FindControl("select");
                    cb.Checked = true;
                }            this.Button1.Text = "全部取消";
            }
            else 
            {
                foreach (DataListItem dli in this.DataList1.Items)
                {
                    CheckBox cb = (CheckBox)dli.FindControl("select");
                    cb.Checked = false;
                }            this.Button1.Text = "全选";
            }这是DataList的  试试呗
      

  3.   

    给段代码自己看看就明白了...原理很简单 <script language="javascript" type="text/javascript">
            function checkAll(CheckAll) {
                var items = document.getElementsByTagName("input");
                for (i = 0; i < items.length; i++) {
                    if (items[i].type == "checkbox") {
                        items[i].checked = CheckAll.checked;
                    }
                }
            }
        </script><asp:GridView ID="dgvActivit" runat="server" AutoGenerateColumns="False" CellSpacing="0"
            OnRowCommand="dgvActivity_RowCommand" OnRowDataBound="dgvActivity_RowDataBound"
            CssClass="htmain">
            <HeaderStyle ForeColor="White" Font-Bold="True" BackColor="#A55129" Height="30" />
            <RowStyle BackColor="#f5f5f5" Height="30"></RowStyle>
            <Columns>
                <asp:TemplateField HeaderText='<input id="Checkbox1" type="checkbox" onclick="checkAll(this)" />全选'>
                    <ItemTemplate>
                        <asp:CheckBox ID="chD" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField Visible="false">
                    <ItemTemplate>
                        <asp:Label ID="lblabc" runat="server" Text='<%#Eval("Activity_id") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="排序号">
                    <ItemTemplate>
                        <asp:Label ID="Label6" runat="server" Text='<%#Eval("Activity_id") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="标题">
                    <ItemTemplate>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("Title") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="发布时间">
                    <ItemTemplate>
                        <asp:Label ID="Label01" runat="server" Text='<%#Eval("fabutime") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="语言">
                    <ItemTemplate>
                        <asp:Label ID="Label00" runat="server" Text='<%# language(Eval("Language_id")) %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="标识">
                    <ItemTemplate>
                        <asp:Label ID="Label02" runat="server" Text='<%#Eval("bz") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="修改">
                    <ItemTemplate>
                        <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("Activity_id")%>'
                            CommandName="Update"><img src="../../images/home2_09.gif" alt="修改"/></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
      

  4.   

    给段代码自己看看就明白了...原理很简单 <script language="javascript" type="text/javascript">
            function checkAll(CheckAll) {
                var items = document.getElementsByTagName("input");
                for (i = 0; i < items.length; i++) {
                    if (items[i].type == "checkbox") {
                        items[i].checked = CheckAll.checked;
                    }
                }
            }
        </script><asp:GridView ID="dgvActivit" runat="server" AutoGenerateColumns="False" CellSpacing="0"
            OnRowCommand="dgvActivity_RowCommand" OnRowDataBound="dgvActivity_RowDataBound"
            CssClass="htmain">
            <HeaderStyle ForeColor="White" Font-Bold="True" BackColor="#A55129" Height="30" />
            <RowStyle BackColor="#f5f5f5" Height="30"></RowStyle>
            <Columns>
                <asp:TemplateField HeaderText='<input id="Checkbox1" type="checkbox" onclick="checkAll(this)" />全选'>
                    <ItemTemplate>
                        <asp:CheckBox ID="chD" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField Visible="false">
                    <ItemTemplate>
                        <asp:Label ID="lblabc" runat="server" Text='<%#Eval("Activity_id") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="排序号">
                    <ItemTemplate>
                        <asp:Label ID="Label6" runat="server" Text='<%#Eval("Activity_id") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="标题">
                    <ItemTemplate>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("Title") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="发布时间">
                    <ItemTemplate>
                        <asp:Label ID="Label01" runat="server" Text='<%#Eval("fabutime") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="语言">
                    <ItemTemplate>
                        <asp:Label ID="Label00" runat="server" Text='<%# language(Eval("Language_id")) %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="标识">
                    <ItemTemplate>
                        <asp:Label ID="Label02" runat="server" Text='<%#Eval("bz") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="修改">
                    <ItemTemplate>
                        <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("Activity_id")%>'
                            CommandName="Update"><img src="../../images/home2_09.gif" alt="修改"/></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
      

  5.   

    <script language="javascript" type="text/javascript">
        <!--
            function SelectAllCheckBox()
            {
                var form =document.forms[0];
                for(i=0;i<form.elements.length;i++)
                {
                    if(form.elements[i].type=="checkbox")
                    {
                        form.elements[i].checked=true;
                    }
                }
            }
            function ReSelectCheckBox()
            {
                var form =document.forms[0];
                for(i=0;i<form.elements.length;i++)
                {
                    if(form.elements[i].type=="checkbox")
                    {
                        if(form.elements[i].checked)
                            form.elements[i].checked=false;
                        else
                            form.elements[i].checked=true;
                    }
                 }
            }
        //-->
        </script>
    <input id="btnSelectAll" class="TextBox" onclick="SelectAllCheckBox()" type="button"
                    value="全  选" />
                <input id="btnReSelect" class="TextBox" onclick="ReSelectCheckBox()" type="button"
                    value="反  选" />
    如果不喜欢用JS 后台遍历也可以。全选反选
      

  6.   

    http://topic.csdn.net/u/20110721/11/d7cb30f6-7677-454c-87bf-d170c237b99f.html