[html] How to make a radio button look like a toggle button

$(document).ready(function () {
    $('#divType button').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        $('#<%= hidType.ClientID%>').val($(this).data('value'));
        //alert($(this).data('value'));             
    });
});

<div class="col-xs-12">
    <div class="form-group">
        <asp:HiddenField ID="hidType" runat="server" />
        <div class="btn-group" role="group" aria-label="Selection type" id="divType">
            <button type="button" class="btn btn-default BtnType" data-value="1">Food</button>                        
            <button type="button" class="btn btn-default BtnType" data-value="2">Drink</button>
        </div>
    </div>
</div>

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to radio-button

• Angular 4 default radio button checked by default • Angular2 - Radio Button Binding • Detect if a Form Control option button is selected in VBA • How to create radio buttons and checkbox in swift (iOS)? • How to check if a radiobutton is checked in a radiogroup in Android? • Radio Buttons ng-checked with ng-model • Multiple radio button groups in MVC 4 Razor • Show div when radio button selected • Check a radio button with javascript • Bootstrap radio button "checked" flag

Examples related to radiobuttonlist

• Set Radiobuttonlist Selected from Codebehind • How to make a radio button look like a toggle button • How do I add space between items in an ASP.NET RadioButtonList • Calling onclick on a radiobutton list using javascript

Examples related to togglebutton

• Example on ToggleButton • Android: Create a toggle button with image and no text • Toggle button using two image on different state • Change "on" color of a Switch • Change the On/Off text of a toggle button Android • How to make a radio button look like a toggle button