Skip to content
Related Articles

Related Articles

Improve Article

How to make a Basic Radio Button using jQuery Mobile ?

  • Last Updated : 28 Dec, 2020
Geek Week

jQuery Mobile is a we-based technology used to make responsive content that can be accessed on all smartphones, tablets and desktops. 

In this article, we will be creating a Basic Radio Button using jQuery Mobile.


  • Add jQuery Mobile scripts needed for your project.

<link rel=”stylesheet” href=”” />

<script src=””></script>

<script src=””></script>

Example: We will create a Basic Radio Button using jQuery Mobile. We create the radio button using input type=”radio” attribute.


<!DOCTYPE html>
    <link rel="stylesheet" href=
    <script src=
            Design a Basic Radio Button
            using jQuery Mobile
        <form style="width: 50%;">
            <label for="radioButton">Geeks</label>
            <input type="radio" name="radioButton" 
                id="radioButton" class="custom">
            <label for="radioButton1">GFG</label>
            <input type="radio" name="radioButton" 
                id="radioButton1" class="custom">
            <label for="radioButton2">GeeksforGeeks</label>
            <input type="radio" name="radioButton" 
                id="radioButton2" class="custom">
            <label for="radioButton3">Geeks Geeks</label>
            <input type="radio" name="radioButton"
                id="radioButton3" class="custom">


My Personal Notes arrow_drop_up
Recommended Articles
Page :