CheckBoxList - Client-Side API

Demo Configurator

Item Selection
CheckBoxList options
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadCheckBoxList 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.CheckBoxList.Configurator.DefaultCS" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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:RadCheckBoxList runat="server" ID="CheckBoxList1" AutoPostBack="false" ToolTip="CheckBoxList 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:RadCheckBoxList>
    </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:TextBox AllowOutOfRangeAutoCorrect="true" runat="server" ID="SelectedIndex" Label="Select Indexes (1,2)" Size="Medium"
                                 AutoPostBack="false">
                                <ClientEvents OnLoad="textbox_load" OnValueChanged="textbox_changed" />
                            </qsf:TextBox>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>

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

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?