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

目录
相关文章
|
23天前
|
存储 人工智能 自然语言处理
ChatMCP:基于 MCP 协议开发的 AI 聊天客户端,支持多语言和自动化安装 MCP 服务器
ChatMCP 是一款基于模型上下文协议(MCP)的 AI 聊天客户端,支持多语言和自动化安装。它能够与多种大型语言模型(LLM)如 OpenAI、Claude 和 OLLama 等进行交互,具备自动化安装 MCP 服务器、SSE 传输支持、自动选择服务器、聊天记录管理等功能。
140 15
ChatMCP:基于 MCP 协议开发的 AI 聊天客户端,支持多语言和自动化安装 MCP 服务器
|
5月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
55 8
|
2月前
|
开发框架 .NET C#
在 ASP.NET Core 中创建 gRPC 客户端和服务器
本文介绍了如何使用 gRPC 框架搭建一个简单的“Hello World”示例。首先创建了一个名为 GrpcDemo 的解决方案,其中包含一个 gRPC 服务端项目 GrpcServer 和一个客户端项目 GrpcClient。服务端通过定义 `greeter.proto` 文件中的服务和消息类型,实现了一个简单的问候服务 `GreeterService`。客户端则通过 gRPC 客户端库连接到服务端并调用其 `SayHello` 方法,展示了 gRPC 在 C# 中的基本使用方法。
46 5
在 ASP.NET Core 中创建 gRPC 客户端和服务器
|
3月前
|
Python
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
使用Python的socket库实现客户端到服务器端的图片传输,包括客户端和服务器端的代码实现,以及传输结果的展示。
183 3
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
|
3月前
|
JSON 数据格式 Python
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
本文介绍了如何使用Python的socket模块实现客户端到服务器端的文件传输,包括客户端发送文件信息和内容,服务器端接收并保存文件的完整过程。
200 1
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
|
3月前
使用Netty实现文件传输的HTTP服务器和客户端
本文通过详细的代码示例,展示了如何使用Netty框架实现一个文件传输的HTTP服务器和客户端,包括服务端的文件处理和客户端的文件请求与接收。
87 1
使用Netty实现文件传输的HTTP服务器和客户端
|
3月前
|
网络协议 Unix Linux
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
106 4
|
3月前
|
网络协议 Java API
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
75 2
|
3月前
|
存储 网络协议 Java
【网络】UDP回显服务器和客户端的构造,以及连接流程
【网络】UDP回显服务器和客户端的构造,以及连接流程
66 2
|
3月前
|
安全 区块链 数据库