title: changing label class for radio button groups
body: <p>below is a code snippet of radio button group using a bootstrap template.  But what I am trying to do is change the class portion of the radio button every time the option is toggled (i.e. radio button is checked the label class would be 'btn btn-primary' and if unchecked label class would be 'btn btn-default' ).  Anyone knows how to accomplish this?</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class = "form-group"&gt;
          &lt;label class = "control-label col-md-3 col-sm-3 col-xs-12"&gt;Gender&lt;/label&gt;
  
          &lt;div class = "col-md-6 col-sm-6 col-xs-12"&gt;
              &lt;div id = "gender" class = "btn-group" data-toggle = "buttons"&gt;
                  &lt;label class = "btn btn-default" data-toggle-active-class = "btn-primary" data-toggle-passive-class = "btn-default"&gt;
                      &lt;input type = "radio" name = "gender" value = "male"&gt; &amp;nbsp; Male &amp;nbsp;
                  &lt;/label&gt;
  
                  &lt;label class = "btn btn-primary" data-toggle-class = "btn-primary" data-toggle-passive-class = "btn-default"&gt;
                      &lt;input type = "radio" name = "gender" value = "female"&gt; Female
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>