ASP.NET中 CheckBoxList(復選框組)的使用

本文轉載自查看原文 2013-03-06 09:51 17423 CheckBoxList/ ASP.NET/ 復選框組

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,資源下載返回頂部

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

作者：ylbtech
出處：http://ylbtech.cnblogs.com/
本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ASP.NET中 CheckBox(復選框)的使用 asp.net中dategrid添加復選框checkbox並實現單選，同時點擊復選框觸發事件。 ASP.NET MVC中使用MvcPager異步分頁+在分頁中復選框下一頁上一頁也保持選中 asp.net，根據gridview 中checkbox復選框選中的行對數據庫進行操作 Asp.net自定義單選復選框控件 QTreeWidget中的復選框使用復選框組標簽示例下拉復選框基本使用在ASP.NET MVC中使用“RadioButtonList”和“CheckBoxList” js中，jquery的ztree使用,使用復選框