zoukankan      html  css  js  c++  java
  • 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 
  • 相关阅读:
    编辑器1.0
    react native定报预披项目知识点总结
    placeholder中文字添加换行方法
    ios端position为fixed失效的解决办法
    利用fis3构建前端项目工程
    webpack学习记录
    webpack学习记录-认识loader(二)
    webpack学习记录-初步体验(一)
    去抖(节流)
    css布局:左边定宽、右边自适应
  • 原文地址:https://www.cnblogs.com/geovindu/p/1825236.html
Copyright © 2011-2022 走看看