Sets or gets the checked property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button checked="true"></jqx-switch-button>

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button disabled="true"></jqx-switch-button>

Sets or gets the height property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button height="30"></jqx-switch-button>

Sets or gets the orientation property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button orientation="vertical"></jqx-switch-button>

Sets or gets the onLabel property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button on-label="On"></jqx-switch-button>

Sets or gets the offLabel property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button off-label="Off"></jqx-switch-button>

Sets or gets the thumbSize property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button thumb-size="30%"></jqx-switch-button>

Sets or gets the width property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button ></jqx-switch-button>

Code examples

Bind to the checked event of jqxSwitchButton.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button on-checked="eventHandler()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the change event of jqxSwitchButton.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button on-change="eventHandler()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the unchecked event of jqxSwitchButton.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button on-unchecked="eventHandler()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["check"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["disable"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["enable"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["toggle"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["uncheck"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button instance="getInstance()"></jqx-switch-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}