BS2 Toggle Radio Btn

by TheOrdinaryGeek

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap-responsive.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/bootstrap.min.js"></script>
<script src="http://bootstrapdocs.com/v2.0.4/docs/assets/js/bootstrap-button.js"></script>
<div class="control-group field_wrapper">
  <label class="control-label" for="MacAddress"><strong> Label</strong></label>
  <div class="controls">
    <div class="input-prepend">
      <input type="text" class="input-large">
      <button class="btn btn-default" type="button" title="Advanced"><i class="icon-th-list"></i> </button>
    </div>
  </div>
</div>

<button id="fat-btn" data-toggle="button" data-loading-text="loading..." data-complete-text="Activation Requested" class="btn btn-primary">Activate Wallbox</button>
<hr>
<!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
<div class="btn-group" data-toggle="buttons-radio">
  <button class="btn">Left</button>
  <button class="btn">Right</button>
</div>

JavaScript

// button state demo
$('#fat-btn').click(function() {
    var btn = $(this);
    btn.button('loading');
    setTimeout(function() {
    $(btn).button('toggle');
      //$(btn).button('reset');
      $(btn).button('complete');
      $(btn).addClass(' btn-success requested');
      $(btn).button('toggle');
    }, 3000);
    if ( $(btn).hasClass('requested') ) {
    	//alert('active');
      console.log('xxxx');
    }
    
  })