Properties

animationShowDelay int 250

Sets or gets the animationShowDelay property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button theme="arctic">6 Months Contract</jqx-radio-button>
animationHideDelay int 300

Sets or gets the animationHideDelay property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
boxSize string "13px"

Sets or gets the boxSize property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
checked bool false

Sets or gets the checked property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
enableContainerClick bool true

Sets or gets the enableContainerClick property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
groupName string ""

Sets or gets the groupName property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
hasThreeStates bool false

Sets or gets the hasThreeStates property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button theme="arctic">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>

Events

checked Event

Code examples

Bind to the checked event of jqxRadioButton. 

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button on-checked="eventHandler()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
change Event

Code examples

Bind to the change event of jqxRadioButton. 

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button on-change="eventHandler()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
unchecked Event

Code examples

Bind to the unchecked event of jqxRadioButton. 

<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button on-unchecked="eventHandler()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

check Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["check"]();									
	}									
</script>									
}
disable Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["disable"]();									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
enable Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["enable"]();									
	}									
</script>									
}
focus Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}
render Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["render"]();									
	}									
</script>									
}
uncheck Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["uncheck"]();									
	}									
</script>									
}
val Method 
<script src="~/jqwidgets/jqxradiobutton.js"></script>
<jqx-radio-button instance="getInstance()">3 Months Contract</jqx-radio-button>
<jqx-radio-button {{configuration}}>6 Months Contract</jqx-radio-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}