How to create Vertical checkbox controlgroups using jQuery Mobile ? Last Updated : 21 Dec, 2020 Summarize Comments Improve Suggest changes Share Like Article Like Report jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making a Vertical checkbox controlgroups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” /> <script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script> <script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script> Example 1: html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> Vertical Checkbox using jQuery Mobile </h4> </center> <fieldset data-role="controlgroup"> <legend>GeeksforGeeks</legend> <input type="checkbox" name="gfg" id="gfg1" /> <label for="gfg1">first</label> <input type="checkbox" name="gfg" id="gfg2" /> <label for="gfg2">second</label> <input type="checkbox" name="gfg" id="gfg3" /> <label for="gfg3">Third</label> </fieldset> </body> </html> Output: Example 2: html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4>Vertical Checkbox using jQuery Mobile</h4> </center> <fieldset data-role="controlgroup"> <legend>GeeksforGeeks</legend> <input type="checkbox" name="gfg" id="gfg1" /> <label for="gfg1">Geeks1</label> <input type="checkbox" name="gfg" id="gfg2" /> <label for="gfg2">Geeks2</label> <input type="checkbox" name="gfg" id="gfg3" /> <label for="gfg3">Geeks3</label> </fieldset> </body> </html> Output: Comment More infoAdvertise with us Next Article How to make vertical Radio button controlgroups using jQuery Mobile? T taran910 Follow Improve Article Tags : JQuery jQuery-Mobile Similar Reads How to make Mini Vertical checkbox controlgroups using jQuery Mobile ? jQuery Mobile is a web-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 mini vertical checkbox control groups button using jQuery Mobile. Approach: Add jQuery Mobile scripts needed for your project 1 min read How to create Mini Vertical selects controlgroups using jQuery Mobile ? jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be making a Mini Vertical selects controlgroups button using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your proj 1 min read How to make a vertical controlgroup using jQuery Mobile? jQuery Mobile is a web-based technology designed to create responsive content accessible on all smartphones, tablets, and desktops. In this article, we'll guide you through creating vertical control groups using jQuery Mobile, enhancing your user interface with an organized and user-friendly layout. 2 min read How to make Horizontal checkbox controlgroups using jQuery Mobile ? jQuery Mobile is a web-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 horizontal checkbox control button groups using jQuery Mobile. Approach: Add jQuery Mobile scripts needed for your project. 1 min read How to make vertical Radio button controlgroups using jQuery Mobile? To create vertical radio button control groups using jQuery Mobile, you would utilize the framework's markup structure and styling classes. This ensures compatibility with mobile devices and enhances user interaction by presenting options in a stacked format. Example 1: The approach below shows how 1 min read How to make Mini Horizontal Checkbox Controlgroups using jQuery Mobile ? The jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. Mini Horizontal Checkbox Controlgroups button can be easily made using jQuery Mobile. Including Scripts: You can add jQuery mobile scripts into your project by 1 min read Like