Repeater和CheckBox控件(客户端和服务器端)实行全选或多条选择

客服端代码
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RepeaterCheckBox1.aspx.cs" Inherits="CheckBoxes.RepeaterCheckBox1" %>
 2 
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml" >
 6 <head runat="server">
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <title>Repeater和CheckBox控件(客户端和服务端)实行全选和多条选择</title>
 9                <style type="text/css">
10         .HiddenText label {display:none;}
11     </style>
12 
13 </head>
14 <body>
15     <form id="form1" runat="server">
16     <div><table>
17     <asp:Repeater runat="server" ID="Repeater1">
18 <ItemTemplate>
19     <tr>
20         <td>
21          <%--服务器端   <asp:CheckBox ID="CheckBox2" runat="server" Text= CssClass="HiddenText" AutoPostBack="true" />--%>
22            <input type='checkbox' id='ChkSelect' class='nogrid' runat="server"  value='<%#Eval("ItemID")%>'/>  
23                                
24                      
25                 </td>
26          </tr>
27 
28 </ItemTemplate>
29 </asp:Repeater>
30 </table>
31 <input id="Checkbox1" type="checkbox" onclick='selectAll()' />
32 <asp:Button ID="Button1" runat="server" Text="Delete" OnClick="Button1_Click" />
33     </div>
34     </form>
35 </body>
36 </html>
37     <script language="javascript" type="text/javascript" >
38         ///选中所有的CheckBox
39         function selectAll()
40         {
41             // 获得用户页面中的所有的 输入功能的控件getElementById("ChkSelect").
42             var checkbox = document.getElementsByTagName("input");
43             if(checkbox[0].checked == true)
44             {
45                 for (var i=0; i<checkbox.length; i++)
46                    checkbox[i].checked = false;
47             }
48             else
49             {
50                 for (var i=0; i<checkbox.length; i++)
51                     checkbox[i].checked = true;
52             }
53         }
54     </script>
服务器端代码
 1 using System;
 2 using System.Data;
 3 using System.Configuration;
 4 using System.Collections;
 5 using System.Web;
 6 using System.Web.Security;
 7 using System.Web.UI;
 8 using System.Web.UI.WebControls;
 9 using System.Web.UI.WebControls.WebParts;
10 using System.Web.UI.HtmlControls;
11 using System.Collections.Generic;
12 
13 namespace CheckBoxes
14 {
15     public partial class RepeaterCheckBox1 : System.Web.UI.Page
16     {
17         /// <summary>
18         /// 加载
19         /// 涂聚文
20         /// </summary>
21         /// <param name="sender"></param>
22         /// <param name="e"></param>
23         protected void Page_Load(object sender, EventArgs e)
24         {
25             //第一次加载页
26             if (!Page.IsPostBack)
27             {
28                 DataTable dt = new DataTable();
29                 dt.Columns.Add(new DataColumn("ItemID", System.Type.GetType("System.Int32")));
30                 dt.Columns.Add(new DataColumn("ItemDescription", System.Type.GetType("System.String")));
31                 dt.Columns.Add(new DataColumn("Flag", System.Type.GetType("System.Boolean")));
32 
33                 //Add some data
34                 dt.Rows.Add(1, "apple", false);
35                 dt.Rows.Add(2, "carrot", true);
36                 dt.Rows.Add(3, "peach", false);
37                 Repeater1.DataSource = dt;
38                 Repeater1.DataBind();
39             }
40         }
41         /// <summary>
42         /// 选择
43         /// </summary>
44         /// <param name="sender"></param>
45         /// <param name="e"></param>
46         protected void Button1_Click(object sender, EventArgs e)
47         {
48             string s = "";
49             for (int i = 0; i < this.Repeater1.Items.Count; i++)
50             {
51                 //客户端
52                 HtmlInputCheckBox chb = (HtmlInputCheckBox)this.Repeater1.Items[i].FindControl("ChkSelect"); 
53                 //CheckBox chb = (CheckBox)this.Repeater1.Items[i].FindControl("CheckBox2");  //服务器端             
54                 if (chb.Checked == true)  
55                 {
56                     s = s + chb.Value;//chb.Text //服务器端
57                 }
58             }
59             Response.Write(s);
60         }
61     }
62 }
63 

 

 

posted @ 2010-09-13 19:17  ®Geovin Du Dream Park™  阅读(568)  评论(0)  编辑  收藏  举报