Properties

checked bool false

Sets or gets the checked property.

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

Sets or gets the disabled property.

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

Sets or gets the height property.

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

Sets or gets the orientation property.

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

Sets or gets the onLabel property.

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

Sets or gets the offLabel property.

<script src="~/jqwidgets/jqxswitchbutton.js"></script>
<jqx-switch-button off-label="Off"></jqx-switch-button>
thumbSize string '40%'

Sets or gets the thumbSize property.

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

Sets or gets the width property.

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

Events

checked Event

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>									
}
change Event

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>									
}
unchecked Event

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>									
}

Methods

check Method 
<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>									
}
disable Method 
<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>									
}
enable Method 
<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>									
}
toggle Method 
<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>									
}
uncheck Method 
<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>									
}
val Method 
<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>									
}