CheckBoxList - Client-Side Events

Event log

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

Along with the standard ASP.NET WebForms RadCheckBoxList exposes the following userful events:

  • OnSelectedIndexChanged
  • 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">
            <ClientEvents
                OnItemCheckedChanging="itemCheckedChanging"
                OnItemCheckedChanged="itemCheckedChanged"
                OnItemClicking="itemClicking"
                OnItemClicked="itemClicked"
                OnItemLoad="itemLoad"
                OnItemMouseOver="itemMouseOver"
                OnItemMouseOut="itemMouseOut"
                OnLoad="load"
                OnSelectedIndexChanging="selectedIndexChanging"
                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:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true" />
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?