RadioButton control is used to give single select option to the user from multiple items. When it is rendered on the page, it is implemented through <input type=radio></input> HTML tag.
Its properties like
BackColor, ForeColor, BorderColor, BorderStyle, BorderWidth, Height etc. are implemented through style properites of <input>.
Following are some important properties that are very useful.
| AutoPostBack |
Form is automatically posted back when Radio button selection is changed.
|
| CausesValidation |
true/false. If true, Form is validated if Validation control has been used in the form.
|
| Checked |
true/false. If true, Radio button is selected by default.
|
| OnCheckedChanged |
Fires when Radio button selection changes. This works only if AutoPostBack property is set to true.
|
| ValidationGroup |
Used to put a radio button under a particular validation group. It is used when you have many set of form controls and by clicking a paricular button
you want to validate a particular set of controls only.
|
| GroupName |
It is used a group a set of radion buttons so only one of them can be selected at a time.
|
|
DEMO : RadioButton
|
Show Source Code
|
|
|
|
// 1st set of Radio buttons without AutoPostBack
<asp:RadioButton ID="RadioButton7" runat="Server" GroupName="1stGroup" Text="Red" Checked="True" />
<asp:RadioButton ID="RadioButton8" runat="Server" GroupName="1stGroup" Text="Blue" />
<asp:RadioButton ID="RadioButton9" runat="Server" GroupName="1stGroup" Text="Green" />
// 2nd set of Radio buttons with AutoPostBack
<asp:RadioButton ID="RadioButton10" runat="Server" GroupName="2ndtGroup" Text="Red" Checked="True" OnCheckedChanged="FireOnCheckedChanged" AutoPostBack="true" />
<asp:RadioButton ID="RadioButton11" runat="Server" GroupName="2ndtGroup" Text="Blue" OnCheckedChanged="FireOnCheckedChanged" AutoPostBack="true" />
<asp:RadioButton ID="RadioButton12" runat="Server" GroupName="2ndtGroup" Text="Green" OnCheckedChanged="FireOnCheckedChanged" AutoPostBack="true" />
|