How to reset radio buttons in Bootstrap?

Question

I have simple group of buttons which I need to reset:

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-defaul">
        <input type="radio" name="flip" autocomplete="off" checked="checked"> Front
    </label>
    <label class="btn btn-default active">
        <input type="radio" name="flip" autocomplete="off" checked="checked"> Back
    </label>
</div>

I'm trying it like jQuery('.btn-group').button('reset') but it not working.

you want something like jQuery('.btn-group').attr('checked',false); — floor, Apr 02 '15 at 17:53
http://stackoverflow.com/questions/977137/how-to-reset-radiobuttons-in-jquery-so-that-none-is-checked — Puya Sarmidani, Apr 02 '15 at 17:57

score 1 · Answer 1 · answered Apr 02 '15 at 17:58

1

$('input[name="flip"]').prop('checked', false);

or if you are using an older version of jQuery:

$('input[name="flip"]').attr('checked', false);

EDIT

Check out @Puya Sarmidani comment. That's a great link.

answered Apr 02 '15 at 17:58

Damon

4,151
13
52
108

How to reset radio buttons in Bootstrap?

1 Answers1