Chapter 2. ASP.NET 标准控件(单选、复选、列表、面板、日历)

<h2>单选和单选组控件:</h2><br />
        <asp:RadioButton ID="RadioButton1" runat="server" AutoPostBack="True" GroupName="gender" Text="男"/>
        &nbsp;
        <asp:RadioButton ID="RadioButton2" runat="server" AutoPostBack="true" GroupName="gender" Text="女"/>
        <br /><br />

        选择毕业院校:
        <asp:RadioButtonList ID="RadioButtonList1" runat="server"         AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
            <asp:ListItem Value="1">天津大学</asp:ListItem>
            <asp:ListItem Value="2">南开大学</asp:ListItem>
            <asp:ListItem Value="3">天津外国语大学</asp:ListItem>
            <asp:ListItem Value="4">天津师范大学</asp:ListItem>
            <asp:ListItem Value="5">其他</asp:ListItem>
        </asp:RadioButtonList><br />
        <asp:Label ID="Label3" runat="server" Text="Label3"></asp:Label>
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label3.Text = "您选择的是:"+
            RadioButtonList1.SelectedValue.ToString()+" "+RadioButtonList1.SelectedItem.ToString();
    }

<h2>复选框和复选组控件:</h2>
        <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" Text="粗体" OnCheckedChanged="CheckBox1_CheckedChanged" />
        <asp:CheckBox ID="CheckBox2" runat="server" autopostback="True" Text="斜体" OnCheckedChanged="CheckBox2_CheckedChanged"/>
        <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="true" Text="下划线" OnCheckedChanged="CheckBox3_CheckedChanged"/>
        &nbsp;&nbsp;
        <asp:Label ID="Label4" runat="server" Text="Label4"></asp:Label>
        <br /><br />
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged" RepeatColumns="6" RepeatDirection="Horizontal">
            <asp:ListItem>体育</asp:ListItem>
            <asp:ListItem>电脑</asp:ListItem>
            <asp:ListItem>摄影</asp:ListItem>
            <asp:ListItem>音乐</asp:ListItem>
            <asp:ListItem>旅游</asp:ListItem>
            <asp:ListItem>其他</asp:ListItem>
        </asp:CheckBoxList>
        <asp:Label ID="Label5" runat="server" Text=""></asp:Label>
        
  protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        Label4.Font.Bold = !Label4.Font.Bold;
    }
    protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
    {
        Label4.Font.Italic = !Label4.Font.Italic;
    }
    protected void CheckBox3_CheckedChanged(object sender, EventArgs e)
    {
        Label4.Font.Underline = !Label4.Font.Underline;
    }
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            if (CheckBoxList1.Items[i].Selected == true)
            {
                Label5.Text += CheckBoxList1.Items[i].Text;
            }
        }
    }

<h2>列表控件:</h2>
        DropDownList:
        <asp:DropDownList ID="DropDownList1" runat="server"
            AutoPostBack="True"
            OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
            <asp:ListItem>北京</asp:ListItem>
            <asp:ListItem>天津</asp:ListItem>
            <asp:ListItem>上海</asp:ListItem>
            <asp:ListItem>重庆</asp:ListItem>
        </asp:DropDownList><br />
        SelectedItem:<asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
        &nbsp;
        SelectedValue:<asp:Label ID="Label7" runat="server" Text="Label"></asp:Label>
        <br />
        <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True"></asp:DropDownList>
        <br />
        <asp:Button ID="Button3" runat="server" Text="Add方法" OnClick="Button3_Click" />
        <asp:Button ID="Button4" runat="server" Text="Remove方法" OnClick="Button4_Click" />
        <br />
        ListBox:<br />
        <asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple">
            <asp:ListItem>篮球</asp:ListItem>
            <asp:ListItem>排球</asp:ListItem>
            <asp:ListItem>羽毛球</asp:ListItem>
        </asp:ListBox>
        <asp:Button ID="Button5" runat="server" Text="Button" OnClick="Button5_Click" />
        <asp:Label ID="Label8" runat="server" Text="Label"></asp:Label>
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label6.Text = DropDownList1.SelectedItem.Text;
        Label7.Text = DropDownList1.SelectedValue.ToString();
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        for (int i = 0; i < 10; i++)
        {
            DropDownList2.Items.Add("选项"+i.ToString());
        }
        DropDownList2.SelectedIndex = 3;
        Response.Write(DropDownList2.SelectedValue);
    }
    protected void Button4_Click(object sender, EventArgs e)
    {
        DropDownList2.Items.RemoveAt(2);
    }
    protected void Button5_Click(object sender, EventArgs e)
    {
        Label8.Text = "我的爱好是:";
        for (int i = 0; i < ListBox1.Items.Count; i++)
        {
            if (ListBox1.Items[i].Selected)
            {
                Label8.Text += ListBox1.Items[i].Text;
            }
        }
    }

<h2>面板控件:</h2>
        <asp:Panel ID="Panel1" runat="server" GroupingText="登录界面">
            <asp:Label ID="Label9" runat="server" Text="用户名:"></asp:Label>
            <asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
            <br />
            <asp:Label ID="Label10" runat="server" Text="密 码:"></asp:Label>
            <asp:TextBox ID="TextBox10" runat="server" TextMode="Password"></asp:TextBox>
            <br />
            <asp:Button ID="Button6" runat="server" Text="登 录" OnClick="Button6_Click" />
            <br />
            <asp:Label ID="Label11" runat="server" Text=""></asp:Label>
        </asp:Panel>
        <asp:Label ID="Label12" runat="server" Text=""></asp:Label>
protected void Button6_Click(object sender, EventArgs e)
    {
        Panel1.Visible = false;
        Label11.Text = "Label11 欢迎:" + TextBox9.Text.ToString();
        Label11.Text = Label11.Text + ",您输入的密码为:"+TextBox10.Text.ToString();
        Label12.Text = "Label12 欢迎:" + TextBox9.Text.ToString();
        Label12.Text = Label12.Text + ",您输入的密码为:" + TextBox10.Text.ToString();
    }

    

<h2>日历控件:</h2>
        <asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged"></asp:Calendar>
        <asp:Label ID="Label13" runat="server" Text="Label"></asp:Label><br />
        <asp:Label ID="Label14" runat="server" Text="Label"></asp:Label>
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        Label13.Text = "You choose:\t" + Calendar1.SelectedDate.ToString();
        Label14.Text = "Today is:\t" + DateTime.Now.Date.ToString();
    }

时间: 2024-12-21 12:48:15

Chapter 2. ASP.NET 标准控件(单选、复选、列表、面板、日历)的相关文章

Chapter 2. ASP.NET 标准控件(标签、文本框、按钮)

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style> body { margin:0px; p

C#学习笔记(20140910)-单选控件和单选组控件、复选控件、复选组控件

晚上学习了一下单选控件和单选组控件.复选控件.复选组控件. 稍微动了点脑筋,做了一个小小的网页程序.主要功能是相互赋值已经设置标签的字体大小和颜色已经前后背景色. 主要功能: 1. 在文本输入框中输入文字,提交后可以对标签赋值: 2. 选择单选框可以给标签赋值: 3. 选择单选组控件时可以给标签设置颜色: 4. 选择单选组控件时可以给字体设置大小. 最后的效果如下: 分块设置就不多说了,看看用到了哪些模块吧: 1. 自定义了一个方法,把标签的值赋值给输入框.使得输入框中的内容和标签的内容一致.

ASP.NET TreeView控件父子勾选框联动勾选

摘要:ASP.NET TreeView控件父子勾选框联动勾选 后置代码: this.TreeView1.Attributes.Add("onclick", "CheckEvent();"); JS 代码: function setParentState(objNode) { ?? var objParentDiv = WebForm_GetParentByTagName(objNode, "div"); ?? if (objParentDiv =

[摘]ASP.Net标准控件(TextBox控件)

TextBox控件 TextBox控件又称文本框控件,为用户提供输入文本的功能. 1.属性 TextBox控件的常用属性及说明如表1所示. 表1 TextBox控件常用属性及说明 属    性 说    明 AutoPostBack 获取或设置一个值,该值指示无论何时用户在TextBox控件中按〈Enter〉键或〈Tab〉键时,是否自动回发到服务器的操作 CausesValidation 获取或设置一个值,该值指示当TextBox控件设置为在回发发生时进行验证,是否执行验证 ID 控件ID Te

【mfc】组框、单选框控件与复选框控件

VC6中的MFC中的单选框与复选框控件也不简单,它没有VS中C#那样可以之间通过一个封装之后的函数进行判断,该单选框/复选框有没有被选中啊?或者控制单选框/复选框的选中状态.这东西比较复杂,通过相应的值来控制的. 一.基本目标 下面就用一个简单例子来说明VC6中的MFC中的单选框与复选框控件,点击"确定"按钮能够判断对话框中的所有单选框与复选框的选中状态.Radio1-Radio3互成一个组,组内仅能够有一个组员被选中,Radio4-Radio5也互成一组,选择Radio4能够令复选框

TreeView控件添加复选框

Delphi的代码,参考一下吧 首先当然是要在Form加一个TTreeView控件咯.:) 然后在单元的公共uses部分加一个Commctrl单元. 好,接下来要做三件事, 1.在FormCreate事件中 加入如下代码 var dw: DWORD; begin dw := GetWindowLong( TreeView1.Handle, GWL_STYLE); dw := dw or TVS_CHECKBOXES; SetWindowLong(TreeView1.Handle, GWL_STY

C#ListView控件添加复选框并获取选中的数目

1.添加复选框:listView1.CheckBoxes = true; 2.选中listview并获取选中的数目: private void listView1_ItemChecked(object sender, ItemCheckedEventArgs e) { e.Item.Selected = e.Item.Checked; m = listView1.CheckedItems.Count; label1.Text = "当前选中数:" + m.ToString(); } 说

获取ListControl控件中(复选框)CheckBox的状态

原文地址:http://blog.chinaunix.net/uid-20680966-id-1896376.html 1 建立测试工程     新建一个对话框工程,并添加一个CListCtrl控件,并关联一个成员变量m_List. 2 设置LVS_EX_CHECKBOXES风格     ListView_SetExtendedListViewStyle(m_List.GetSafeHwnd(), m_List.GetExStyle() | LVS_EX_CHECKBOXES); 3 为list

[asp.net] 通过JS实现对treeview控件的复选框单选控制。

前端JS代码: //识别不同的浏览器 function getTargetElement(evt) { var elem if (evt.target) { elem = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target } else { elem = evt.srcElement } return elem } var lastC = null; function OnClientTreeNodeChecked(ev