Properties

animationShowDelay int 250

Sets or gets the animationShowDelay property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box animation-show-delay="300">CheckBox</jqx-check-box>
animationHideDelay int 300

Sets or gets the animationHideDelay property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box animation-hide-delay="300">CheckBox</jqx-check-box>
boxSize string "13px"

Sets or gets the boxSize property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box box-size="15px">CheckBox</jqx-check-box>
checked bool false

Sets or gets the checked property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box checked="true">CheckBox</jqx-check-box>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box disabled="true">CheckBox</jqx-check-box>
enableContainerClick bool true

Sets or gets the enableContainerClick property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box enable-container-click="true">CheckBox</jqx-check-box>
groupName string ""

Sets or gets the groupName property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box group-name="panel">CheckBox</jqx-check-box>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box height="100px">CheckBox</jqx-check-box>
hasThreeStates bool false

Sets or gets the hasThreeStates property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box has-three-states="true">CheckBox</jqx-check-box>
locked bool false

Sets or gets the locked property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box locked="true">CheckBox</jqx-check-box>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box rtl="true">CheckBox</jqx-check-box>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box theme="energyblue">CheckBox</jqx-check-box>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box width="300">CheckBox</jqx-check-box>

Events

checked Event

Code examples

Bind to the checked event of jqxCheckBox. 

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box on-checked="eventHandler()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
change Event

Code examples

Bind to the change event of jqxCheckBox. 

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box on-change="eventHandler()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
indeterminate Event

Code examples

Bind to the indeterminate event of jqxCheckBox. 

<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box on-indeterminate="eventHandler()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
unchecked Event

Code examples

Bind to the unchecked event of jqxCheckBox. 

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

Methods

check Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["check"]();									
	}									
</script>									
}
disable Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["disable"]();									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
enable Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["enable"]();									
	}									
</script>									
}
focus Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}
indeterminate Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["indeterminate"]();									
	}									
</script>									
}
render Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["render"]();									
	}									
</script>									
}
toggle Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["toggle"]();									
	}									
</script>									
}
uncheck Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["uncheck"]();									
	}									
</script>									
}
val Method 
<script src="~/jqwidgets/jqxcheckbox.js"></script>
<jqx-check-box instance="getInstance()">CheckBox</jqx-check-box>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}