Sets or gets the width.

Code examples

Set the width property.

$('#jqxSwitchButton').jqxSwitchButton({width:"200px"});

Get the width property.

var width = $('#jqxSwitchButton').jqxSwitchButton('width');

Sets or gets the height.

Code examples

Set the height property .

$('#jqxSwitchButton').jqxSwitchButton({height:"400px"});

Get the height property.

var height = $('#jqxSwitchButton').jqxSwitchButton('height');

Sets or gets whether the switch button is disabled.

Code examples

Set the disabled property.

$('#jqxSwitchButton').jqxSwitchButton({ disabled:true }); 

Get the disabled property.

var disabled = $('#jqxSwitchButton').jqxSwitchButton('disabled');

Determines the jqxSwitchButton's orientation.

Possible Values:

'horizontal' 

'vertical'

Code examples

Set the orientation property.

$('#jqxSwitchButton').jqxSwitchButton({ orientation:vertical }); 

Get the orientation property.

var orientation = $('#jqxSwitchButton').jqxSwitchButton('orientation');

Sets or gets the string displayed when the button is checked.

Code examples

Set the onLabel property.

$('#jqxSwitchButton').jqxSwitchButton({ onLabel:'ON' }); 

Get the onLabel property.

var onLabel = $('#jqxSwitchButton').jqxSwitchButton('onLabel');

Sets or gets the string displayed when the button is unchecked.

Code examples

Set the offLabel property.

$('#jqxSwitchButton').jqxSwitchButton({ offLabel:'OFF' }); 

Get the offLabel property.

var offLabel = $('#jqxSwitchButton').jqxSwitchButton('offLabel');

Sets or gets the size of the thumb in percentages.

Code examples

Set the thumbSize property.

$('#jqxSwitchButton').jqxSwitchButton({ thumbSize:'50%' }); 

Get the thumbSize property.

var thumbSize = $('#jqxSwitchButton').jqxSwitchButton('thumbSize');

Sets or gets the check state.

Code examples

Set the checked property.

$('#jqxSwitchButton').jqxSwitchButton({ checked:true }); 

Get the checked property.

var checked = $('#jqxSwitchButton').jqxSwitchButton('checked');

This event is triggered when the switch button is checked.

Code examples

Bind to the checked event by type: jqxSwitchButton.

$('#jqxSwitchButton').bind('checked', function (event) { // Some code here.}); 

This event is triggered when the switch button is unchecked.

Code examples

Bind to the unchecked event by type: jqxSwitchButton.

$('#jqxSwitchButton').bind('unchecked', function (event) { // Some code here.}); 

This event is triggered when the switch button's state changes from one state to another.

Code examples

Bind to the change event by type: jqxSwitchButton.

$('#jqxSwitchButton').bind('change', function (event) { // Some code here.}); 

Checks the button.

Code example

Invoke the check method.

$('#jqxSwitchButton').jqxSwitchButton('check');

Unchecks the button.

Code example

Invoke the uncheck method.

$('#jqxSwitchButton').jqxSwitchButton('uncheck');

Toggles the check state. This method is automatically called when the user clicks the switch button.

Code example

Invoke the toggle method.

$('#jqxSwitchButton').jqxSwitchButton('toggle');

Disables the switch button.

Code example

Invoke the disable method.

$('#jqxSwitchButton').jqxSwitchButton('disable');

Enables the switch button.

Code example

Invoke the enable method.

$('#jqxSwitchButton').jqxSwitchButton('enable');

Sets or gets the value.

Code example

Invoke the val method.

// Get the value.

var value = $("#jqxSwitchButton").jqxSwitchButton('val');

// Get the value using jQuery's val()

var value = $("#jqxSwitchButton").val();

// Set value.

$("#jqxSwitchButton").jqxSwitchButton('val', true);

// Set value using jQuery's val().

$("#jqxSwitchButton").val(true);