jQuery UI Controlgroup destroy() Method Last Updated : 23 Dec, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. A control group is used to group various input widgets like checkboxes, buttons, etc. The control group helps to apply common properties to all the elements of a form. The jQuery UI Controlgroup destroy() method is used to remove the control group functionality completely from the widget. It does not accept any parameter and returns the element back to its pre-init state. Syntax: $(".selector" ).controlgroup("destroy"); CDN Link: First, add jQuery UI scripts needed for your project. <link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css”><script src=”//code.jquery.com/jquery-1.12.4.js”></script><script src=”//code.jquery.com/ui/1.12.1/jquery-ui.js”></script> Example: This example demonstrates the jQuery UI Controlgroup destroy() method. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href= "//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src= "https://code.jquery.com/jquery-1.12.4.js"> </script> <script src= "https://code.jquery.com/ui/1.12.1/jquery-ui.js"> </script> <script> $(document).ready(function () { $("#divID").controlgroup(); $("#btn").on('click', function () { $("#divID").controlgroup("destroy"); }); }); </script> </head> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <h3>jQuery UI Controlgroup destroy() Method</h3> <div id="divID"> <label for="radio_1">Men</label> <input type="radio" name="type" id="radio_1"> <label for="radio_2">Women</label> <input type="radio" name="type" id="radio_2"> <select> <option>Cricket</option> <option>Hockey</option> <option>Tennis</option> <option>Football</option> </select> <label for="official">Official</label> <input type="checkbox" name="official" id="official"> </div> <br> <input type="button" id="btn" style="padding:5px 15px; margin-top:50px;" value="Destroy the Widget"> </center> </body> </html> Output: Reference: https://api.jqueryui.com/controlgroup/#method-destroy Comment More infoAdvertise with us Next Article jQuery UI Controlgroup destroy() Method P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Controlgroup Similar Reads jQuery UI Controlgroup disable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. A control group is used to group various input widgets like checkboxes, buttons, etc. The control group helps to apply common propert 1 min read jQuery UI Controlgroup enable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. A control group is used to group various input widgets like checkboxes, buttons, etc. The control group helps to apply common propert 1 min read jQuery UI Accordion destroy() Method To destroy an accordion in jQuery UI we will be using destroy() method which is discussed below: jQuery UI destroy() method is used to remove the complete functionality of the accordion. It returns the accordion element completely to its initial state. Syntax: $( ".selector" ).button( "destroy" )Par 1 min read jQuery UI Buttonset destroy() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Buttonset widget is used to give a visual grouping for a group of related buttons. The jQuery UI Buttonset destroy() me 1 min read jQuery UI Button destroy() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Button destroy() method is used to remove the button functionality completely from the button widget. It does not accep 1 min read Like