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

Events Overview

RadSwitch exposes several client-side events that allow easy and flexible use in a wide range of application scenarios:

To handle the desired event, the user must set the respective property to the name of the JavaScript function handling the event or to an anonymous JavaScript function. Here is an example:

Example 1: Passing a named (non-anonymous) JavaScript function.

<script type="text/javascript">
    function Click(sender, args) {
        alert("RadSwitch was clicked.");
    }
</script>
<telerik:RadLabel ID="Label1" runat="server" AssociatedControlID="RadSwitch1" Text="Check here"></telerik:RadLabel>

<telerik:RadSwitch ID="RadSwitch1" runat="server" OnClientClicked="Click">
</telerik:RadSwitch>
RadSwitch1.OnClientClicked = "Click";  //passing the name of the JS function
RadSwitch1.OnClientClicked = "Click"  'passing the name of the JS function

Example 2: Passing an anonymous JavaScript function.

<script type="text/javascript">
    function Click(button, args, arg1, arg2)
    {
        alert("arg1:" + arg1 + " arg2:" + arg2);
    }
</script>

<telerik:RadLabel ID="Label1" runat="server" AssociatedControlID="RadSwitch1" Text="Check here"></telerik:RadLabel>

<telerik:RadSwitch ID="RadSwitch1" runat="server" OnClientClicked="function(sender,args){Click(sender, args, 'Value1', 'Value2');}">
</telerik:RadSwitch>
RadSwitch1.OnClientClicked = "function(sender,args){Click(sender, args, 'Value1', 'Value2');}"; //passing an anonymous JS function
RadSwitch1.OnClientClicked = "function(sender,args){Click(sender, args, 'Value1', 'Value2');}"  'passing an anonymous JS function

See Also

In this article