New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Client-Side API

  • Demo Configurator
Item Selection
RadioButtonList options

RadRadioButtonList exposes a number of client-side methods to change the behavior and appearance of the control. In the demo you can see the usage of the following methods:

  • set_selectedIndexChanged
  • set_enabled
  • set_visible
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.RadioButtonList.Configurator.DefaultCS" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-wide">
        <telerik:RadRadioButtonList runat="server" ID="RadioButtonList1" AutoPostBack="false" ToolTip="RadioButtonList tooltip">
            <ClientEvents OnLoad="list_load" OnSelectedIndexChanged="selectedIndexChanged" />
            <Items>
                <telerik:ButtonListItem Text="Option 1" Value="1" />
                <telerik:ButtonListItem Text="Option 2" Value="2" />
                <telerik:ButtonListItem Text="Option 3" Value="3" />
                <telerik:ButtonListItem Text="Option 4" Value="4" />
                <telerik:ButtonListItem Text="Option 5" Value="5" />
            </Items>
        </telerik:RadRadioButtonList>
    </div>

    <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1">
        <Views>
            <qsf:View ID="View1" runat="server">
                <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Medium" Title="Item Selection">
                    <ul class="fb-group">
                        <li>
                            <qsf:NumericTextBox AllowOutOfRangeAutoCorrect="true" runat="server" ID="SelectedIndex" Label="Selected Index" Size="Medium"
                                DataType="Int32" MinValue="0" MaxValue="4" AutoPostBack="false">
                                <NumberFormat DecimalDigits="0" />
                                <ClientEvents OnLoad="numeric_load" OnValueChanged="numeric_changed" />
                            </qsf:NumericTextBox>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>

                <qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Medium" Title="RadioButtonList options">
                    <ul class="fb-group checkbox-list">
                        <li>
                            <asp:CheckBox ID="EnableListBtn" runat="server" onclick="toggleEnableList();" Text="Enable RadRadioButtonList" Checked="true" />
                        </li>
                        <li>
                            <asp:CheckBox ID="VisibleListBtn" runat="server" onclick="toggleVisibleList();" Text="Toggle RadRadioButtonList Visible" Checked="true" />
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance