在Repeater中实现CheckBox 的全选及反选

在Repeater中实现CheckBox 的全选及反选（后台代码实现）

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)

{

            foreach (RepeaterItem item in this.Repeater1.Items)

            {

                CheckBox checkBox = item.FindControl("CheckBox2") as CheckBox;

                checkBox.Checked = (sender as CheckBox).Checked;

            }

}

在Repeater中实现CheckBox 的全选及反选（前台页面JS脚步实现）

<script type="text/javascript" language="javascript">
       function  CheckAll(e)
      {      
           var inputs = document.getElementsByTagName('input');
           for(var i = 0; i < inputs.length; i++)
           {
                if(inputs[i].type == "checkbox" && inputs[i].id.indexOf("CheckBox2") > 0)
                inputs[i].checked = e.checked; 
            } 
       }

</script>

 

页面中Html代码

<div>

    <table>

        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"

            onitemcommand="Repeater1_ItemCommand">

        <HeaderTemplate>

        <tr>

             <td>

                 全选<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack=true OnCheckedChanged="CheckBox1_CheckedChanged" />

             </td>

        </tr>

        </HeaderTemplate>

        <ItemTemplate>

              <tr>

                   <td>

                       <asp:CheckBox ID="CheckBox2" runat="server" Text='<%#Eval("City") %>' />

                   </td>

              </tr>

        </ItemTemplate>

        </asp:Repeater>

        </table>

        <asp:SqlDataSource ID="SqlDataSource1" runat="server"

            ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

            SelectCommand="SELECT top 10 [City] FROM [Customers]"></asp:SqlDataSource>

    </div>

阅读原文