RadioButton Web 控件

发表于:2007-07-14来源:作者:点击数: 标签:
RadioButton Web 控件的基本功能即是HTML 控件的Input Type=Radio。它的外观及功能我们已经在HTML 控件中展示过了,不过它比HTML 控件的功能更强,其使用语法如下: ASP:RadioButton Id=被程序代码所控制的名称 Runat=Server AutoPostBack=True | False Chec


    RadioButton Web 控件的基本功能即是HTML 控件的<Input Type="Radio">。它的外观及功能我们已经在HTML 控件中展示过了,不过它比HTML 控件的功能更强,其使用语法如下:

<ASP:RadioButton
Id="被程序代码所控制的名称"
Runat="Server"
AutoPostBack="True | False"
Checked="True | False"
GroupName="群组名称"
Text="标示控件的文字"
TextAlign="设定文字在控件的左边或右边"
OnCheckedChanged="事件程序名称"
/>


    下列范例码放置了两个RadioButton Web 控件,并在Page_Load 事件中设定控件的初始值。

<Html>
<Form Id="Form1" Runat="Server">
<ASP:RadioButton Id="Radio1" Text="第一个Radio" Runat="Server"/><br>
<ASP:RadioButton Id="Radio2" Text="第二个Radio" Runat="Server"/>
</Form>
<Script Language="VB" Runat="Server">
Sub Page_Load(Sender As Object,e As Eventargs)
Radio2.Checked="True" '让第二个Radio 变成选取
End Sub
</Script>
</Html>


    这个范例中RadioButton 是两个独立的Web 控件,若我们希望在一群RadioButton Web 控制中只能选择一个时,只要将它们的GroupName 设为同一个即可。此时我们只能在这些RadioButtonWeb 控件中选择其中一个。下列程序代码范例中,我们限制了只能在三个RadioButton Web 控件中选择一个项目:

<Html>
<Form Id="Form1" Runat="Server">
<ASP:RadioButton Id="Radio1" Text="RadioButton1" GroupName="Group1"
Checked="True"
Runat="Server"/><Br>
<ASP:RadioButton Id="Radio2" Text="RadioButton2" GroupName="Group1"
Runat="Server"/><Br>
<ASP:RadioButton Id="Radio3" Text="RadioButton3" GroupName="Group1"
Runat="Server"/><P>
<ASP:Button Id="Button1" Text="Check" OnClick="Button1_Click"
Runat="Server"/><P>
<ASP:Label Id="Label1" Runat="Server"/>
</Form>
<Script Language="VB" Runat="Server">
Sub Button1_Click(Sender As Object,e As Eventargs)
If Radio1.Checked Then Label1.Text="你选择了RadioButton1"
If Radio2.Checked Then Label1.Text="你选择了RadioButton2"
If Radio3.Checked Then Label1.Text="你选择了RadioButton3"
End Sub
</Script>
</Html>



AutoPostBack 属性以及CheckedChanged 事件
    RadioButton Web 控件有CheckedChanged 事件,这个事件是在当RadioButton 控件的选择状态发生改变时触发;要触发这个事件,必须把AutoPostBack 属性设为Ture 才生效。下列程序代码范例将上述程序改成不需要按下按钮,只要使用者选择的项目不一样就会触发
CheckedChanged 事件:

<Html>
<Form Id="Form1" Runat="Server">
<ASP:RadioButton Id="Radio1" Text="RadioButton1" GroupName="Group1"
AutoPostBack="True"
OnCheckedChanged="Check_Clicked"
Runat="Server"/><Br>
<ASP:RadioButton Id="Radio2" Text="RadioButton2" GroupName="Group1"
AutoPostBack="True"
OnCheckedChanged="Check_Clicked"
Runat="Server"/><p>
<ASP:Label Id="Label1" Runat="Server"/>
</Form>
<Script Language="VB" Runat="Server">
Sub Check_Clicked(Sender As Object,e As Eventargs)
If Radio1.Checked Then Label1.Text="Radio1"
If Radio2.Checked Then Label1.Text="Radio2"
End Sub
</Script>
</Html>

原文转自:http://www.ltesting.net