ASP.NET中 CheckBoxList(复选框组)的使用

ylbtech-ASP.NET-Control-Basic:CheckBoxList(复选框组)的使用

 ASP.NET中 CheckBoxList(复选框组)的使用。

1.A,运行效果返回顶部

CheckBoxList(复选框组)

  属性 作用
  RepeatDirection  Horizontal|Vertical  项的布局方向:水平方向|竖直风向
  RepeatLayout  Table|Flow 展现方式:表格|流线型 
  Selected  True|Falsee 是否为选中状态

请选择你喜欢的运动:

你选择的运动为:篮球,排球
1.B,源代码返回顶部
/CheckBoxList.aspx
View Code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="WebControls_CheckBoxList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 250px;
        }
        .style2
        {
            width: 242px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h3>CheckBoxList(复选框组)</h3>
        <table style=" 100%;">
            <tr>
                <td class="style1">
                    &nbsp; 属性</td>
                <td class="style2"></td>
                <td>
                    作用</td>
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;
                    RepeatDirection</td>
                <td class="style2">
                    &nbsp;Horizontal|Vertical&nbsp;
                </td>
                <td>
                    项的布局方向:水平方向|竖直风向</td>
            </tr>
            <tr>
                <td class="style1">
                    &nbsp; RepeatLayout
                </td>
                <td class="style2">
                    &nbsp;Table|Flow 
                </td>
                <td>
                    展现方式:表格|流线型&nbsp;
                </td>
            </tr>
            <tr>
                <td class="style1">
                   &nbsp; Selected</td>
                <td class="style2">
                    &nbsp;True|Falsee</td>
                <td>
                    是否为选中状态</td>
            </tr>
        </table>
        <hr />
        请选择你喜欢的运动:<asp:CheckBoxList 
            ID="chklSport" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
            <asp:ListItem Selected="True">篮球</asp:ListItem>
            <asp:ListItem>足球</asp:ListItem>
            <asp:ListItem>排球</asp:ListItem>
        </asp:CheckBoxList>
        <br />
       <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
       <hr />
       你选择的运动为:<asp:Label ID="lblState" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>
/CheckBoxLIst.aspx.cs
View Code
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_CheckBoxList : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        string str = "";
        for (int i = 0; i < chklSport.Items.Count; i++)
        {
            if (chklSport.Items[i].Selected)
            {
                str = str + chklSport.Items[i].Value+",";
            }
        }
        //对str进行处理,除去最后一个‘,’
        string subStr=str.Substring(0,str.LastIndexOf(','));
        lblState.Text = subStr;
    }
}
1.C,资源下载返回顶部

https://files.cnblogs.com/ylbtech/WebForm-BasicControl-HTML.rar

warn 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/ylbtech/p/2944821.html