Repeater和CheckBox控件(客户端和服务器端)实行全选或多条选择-阿里云开发者社区

开发者社区> geovindu> 正文

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 Tr
+关注继续查看

客服端代码
 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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9116 0
Android仿ios条件选择器pickerview
最近怎么老写View,可能写view比较方便,写其它东西还要抽时间整理总结,写View就直接封完写出来就行。 准备国庆放假,无心工作,那就写篇简单实用一点的文章,总不能白白浪费了时间。
911 0
潜移默化学会WPF(难点控件treeview)--改造TreeView(CheckBox多选择版本),递归绑定数据
原文:潜移默化学会WPF(难点控件treeview)--改造TreeView(CheckBox多选择版本),递归绑定数据 目前自己对treeview的感慨很多 今天先讲 面对这种 表结构的数据 的其中一种绑定方法,后面多几列其他属性都没关系,例如多个字段, 1  A  0 2  B  0 3  C  0 4  D  1 5  E  2 6  F  4 7  G 1 .
1578 0
基于socket、多线程的客户端服务器端聊天程序
服务器端: using System; using System.Windows.Forms; using System.Net.Sockets; using System.
627 0
Spring Cloud OAuth2 资源服务器CheckToken 源码解析
## CheckToken的目的 当用户携带token 请求资源服务器的资源时, OAuth2AuthenticationProcessingFilter 拦截token,进行token 和userdetails 过程,把无状态的token 转化成用户信息。
2758 0
+关注
geovindu
读者是,读之者,者之读.一沙一世界! to be is to do举世皆清我独浊,众人皆醒我独醉.俺是农民工,程序员.
151
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载