Bootstrap Radio Button "checked" Flag


Answer :

Assuming you want a default button checked.

<div class="row">     <h1>Radio Group #2</h1>     <label for="year" class="control-label input-group">Year</label>     <div class="btn-group" data-toggle="buttons">         <label class="btn btn-default">             <input type="radio" name="year" value="2011">2011         </label>         <label class="btn btn-default">             <input type="radio" name="year" value="2012">2012         </label>         <label class="btn btn-default active">             <input type="radio" name="year" value="2013" checked="">2013         </label>     </div>   </div> 

Add the active class to the button (label tag) you want defaulted and checked="" to its input tag so it gets submitted in the form by default.


A javascript fix to apply the 'active' class to all labels that are parents of checked inputs:

$(':input:checked').parent('.btn').addClass('active'); 

insert right after

$('.btn').button(); 

You have to use active in the label to make it work as mentioned above. But you can use checked="checked" and it will work too. It's not necessary but it's more legible and makes more sense as it is more html format compliance.


Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable