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

Chemistry - Bond Angles In NH3 And NCl3

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Change The Font Size Of Visual Studio Solution Explorer