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