New to Kendo UI for jQuery? Download free 30-day trial

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> 

Next Steps

See Also

In this article