jQuery UI Checkboxradio label Option Last Updated : 02 Dec, 2021 Suggest changes Share Like Article Like Report Checkboxradio Widget label Option is used to show the label of an element using UI. When it is not specified, then the HTML content of the associated <label> element is used. Syntax: $( ".selector" ).checkboxradio({ label: "custom label" }); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet"> <script src = "https://code.jquery.com/jquery-1.10.2.js"></script> <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> Example: HTML <!DOCTYPE html> <html> <head> <link href= 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/cupertino/jquery-ui.css' rel='stylesheet'> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script> <script src= "https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"> </script> </head> <body> <center> <h1 style="color:green">GeeksforGeeks</h1> <h3>Radio Button Example</h3> <label for="radio1">Button 1</label> <input type="radio" name="radio" id="radio1" class='radio'> <br> <label for="radio2">Button 2</label> <input type="radio" name="radio" id="radio2" class='radio'> <br> <label for="radio3">Button 3</label> <input type="radio" name="radio" id="radio3" class='radio'> <br><br><br> <h3>Checkbox Example</h3> <label for="checkbox1">Checkbox 1</label> <input type="checkbox" name="checkbox1" id="checkbox1" class='checkbox'> <br> <label for="checkbox2">checkbox 2</label> <input type="checkbox" name="checkbox2" id="checkbox2" class='checkbox'> <script> $(document).ready(function () { $(".radio, .checkbox").checkboxradio({ label: "custom label" }); }); </script> </center> </body> </html> Output: P ppatelkap Follow Article Tags : Web Technologies JQuery jQuery-UI Explore jQuery Tutorial 7 min read Getting Started with jQuery 4 min read jQuery Introduction 7 min read jQuery Syntax 2 min read jQuery CDN 4 min read jQuery SelectorsJQuery Selectors 5 min read jQuery * Selector 1 min read jQuery #id Selector 1 min read jQuery .class Selector 1 min read jQuery EventsjQuery Events 4 min read jQuery bind() Method 2 min read jQuery blur() Method 1 min read jQuery change() Method 2 min read jQuery EffectsjQuery animate() Method 2 min read jQuery clearQueue() Method 2 min read jQuery delay() Method 2 min read jQuery HTML/CSSjQuery addClass() Method 2 min read jQuery after() Method 1 min read jQuery append() Method 2 min read jQuery TraversingjQuery | Traversing 4 min read jQuery add() method 1 min read jQuery addBack() Method 2 min read My Profile ${profileImgHtml} My Profile Edit Profile My Courses Join Community Transactions Logout Like