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="width: 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

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

posted on 2013-03-06 09:51 ylbtech 阅读(19215) 评论(0) 编辑收藏举报