Getting Started with the RadioButton
This guide demonstrates how to get up and running with the Kendo UI for jQuery RadioButton.
After the completion of this guide, you will be able to achieve the following end result:
<input type="radio" id="radiobutton">
<script>
$("#radiobutton").kendoRadioButton({
label: "Label One",
enabled: false
});
</script>
1. Create an Input Element
Create an <input type="radio">
element on the page and use it as an initialization element for the RadioButton.
<input type="radio" id="radiobutton">
2. Initialize the RadioButton
In this step, you will initialize the RadioButton from the <input>
element. All settings of the RadioButton will be provided in the initialization script statement and you have to describe its layout and configuration in JavaScript.
<input type="radio" id="radiobutton">
<script>
$("#radiobutton").kendoRadioButton();
</script>
3. Add a Label for the RadioButton
Next, you can add a label next to the RadioButton by using the label
option.
<input type="radio" id="radiobutton">
<script>
$("#radiobutton").kendoRadioButton({
label: "Label One"
});
</script>
4. Set the Enabled State
The RadioButton component allows you to define whether it will be enabled or disabled.
<input type="radio" id="radiobutton">
<script>
$("#radiobutton").kendoRadioButton({
label: "Label One",
enabled:false
});
</script>