title: How do disable bootstrap radio button?
body: <p>I would like to disable choosing bootstrap radio button.</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
  &lt;label class="btn btn-primary btn-set-or-raise"&gt;
      &lt;input type="radio" name="options" id="option1" val="option1" &gt;Radio 1 
  
  &lt;/label&gt;
  &lt;label class="btn btn-primary btn-set-or-raise"&gt;
      &lt;input type="radio" name="options" id="option2" val="option2" &gt;Radio 2
  &lt;/label&gt;
  &lt;label class="btn btn-primary"&gt;
      &lt;input type="radio" name="options" id="option3" &gt;Radio 3
  &lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is the jquery to do it:</p>
  
  <pre><code>$(document).ready(function() {
      $(".btn-group :input").attr("disabled", true);
  });
  </code></pre>
  
  <p>But I still see that one can click it, and I retrieve as a checked element!</p>
  
  <p>See <a href="https://jsfiddle.net/deligeli/3xqxqmyw/" rel="nofollow">jsfiddle</a></p>