# Events Overview

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

* **[OnClientLoad (load)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientload)** - raised when the control is initialized.

* **[OnClientClicking (clicking)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientclicking)** - raised when the user clicks the button. The event can be canceled.

* **[OnClientToggleStateChanging (toggleStateChanging)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclienttogglestatechanging)** - raised after the user clicks the button and before state is changed. The event can be canceled and it is subsequent to the **OnClientClicking** event.

* **[OnClientToggleStateChanged (toggleStateChanged)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclienttogglestatechanged)** - raised when the state of the button is changed. The event is subsequent to the **OnClientToggleStateChanging** event.

* **[OnClientClicked (clicked)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientclicked)** - raised when the button is clicked. The event is subsequent to the **OnClientToggleStateChanged** event.

* **[OnClientMouseOver (mouseOver)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientmouseover)** - raised when the mouse hovers over the control.

* **[OnClientMouseOut (mouseOut)](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientmouseout)** - raised when the mouse leaves the control.

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:

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

```ASP.NET
<script type="text/javascript">
	function Click(sender, args)
	{
		alert("RadToggleButton was clicked.");
	}
</script>
<telerik:RadToggleButton ID="RadToggleButton1" runat="server" OnClientClicked="Click">
	<ToggleStates>
	    <telerik:ButtonToggleState Text="State 1" />
	    <telerik:ButtonToggleState Text="State 2" />
	</ToggleStates>
</telerik:RadToggleButton>
```

```C#
RadToggleButton1.OnClientClicked = "Click";  //passing the name of the JS function
```

```VB
RadToggleButton1.OnClientClicked = "Click"  'passing the name of the JS function
```

> caption Example 2: Passing an anonymous JavaScript function.

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

<telerik:RadToggleButton ID="RadToggleButton1" runat="server" OnClientClicked="function(sender,args){Click(sender, args, 'Value1', 'Value2');}">
	<ToggleStates>
	    <telerik:ButtonToggleState Text="State 1" />
	    <telerik:ButtonToggleState Text="State 2" />
	</ToggleStates>
</telerik:RadToggleButton>
```

```C#
RadToggleButton1.OnClientClicked = "function(sender,args){Click(sender, args, 'Value1', 'Value2');}"; //passing an anonymous JS function
```

```VB
RadToggleButton1.OnClientClicked = "function(sender,args){Click(sender, args, 'Value1', 'Value2');}"  'passing an anonymous JS function
```

## See Also

* [PushButton - Client-side Events Demo](https://demos.telerik.com/aspnet-ajax/togglebutton/client-side-api/client-side-events/defaultcs.aspx)

* [PushButton Object](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/togglebutton-object)

* [OnClientLoad](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientload)

* [OnClientClicking](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientclicking)

* [OnClientToggleStateChanging](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclienttogglestatechanging)

* [OnClientToggleStateChanged](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclienttogglestatechanged)

* [OnClientClicked](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientclicked)

* [OnClientMouseOver](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientmouseover)

* [OnClientMouseOut](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/client-side-programming/events/onclientmouseout)