Checked State
This help article showcases how to check/uncheck the RadSwitch control on the server-side/client-side.
Get/Set Checked State Server-Side
You can get/set the checked state of the RadSwitch control on the server-side through the Checked
property.
The
Checked
property takes a nullable boolean. When a null value is set, theChecked
value will default to false. This is useful for data-binding scenarios when theChecked
property is bound to a data source field of nullable boolean type.
Example 1: Check RadSwitch in the markup.
<telerik:RadLabel ID="Label1" runat="server" AssociatedControlID="RadSwitch1" Text="I agree"></telerik:RadLabel>
<telerik:RadSwitch ID="RadSwitch1" runat="server" Checked="true"></telerik:RadSwitch>
Example 2: Get/Set the Checked property from the server-side.
protected void Page_Init(object sender, EventArgs e)
{
bool isChecked = RadSwitch1.Checked;
RadSwitch1.Checked = !isChecked;
}
Get/Set Checked State Client-Side
To get/set the checked state of the RadSwitch control on the client-side you can use the get_checked()
and set_checked()
properties of the control.
Example 3: Toggle the initial checked state of RadSwitch.
function pageLoad() {
var switchObj = $find("<%=RadSwitch1.ClientID%>");
var isChecked = switchObj.get_checked();
switchObj.set_checked(!isChecked);
}
<telerik:RadLabel ID="Label1" runat="server" AssociatedControlID="RadSwitch1" Text="I agree"></telerik:RadLabel>
<telerik:RadSwitch ID="RadSwitch1" runat="server" Checked="true"></telerik:RadSwitch>