title: How does the toggle button work with checkboxes?
body: <p>I'm referring to the <a href="http://getbootstrap.com/javascript/#buttons-checkbox-radio" rel="nofollow noreferrer">Toggle buttons with checkboxes</a> which I don't understand. There we have the example (I have added some ids):</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
    &lt;label class=&quot;btn btn-primary active&quot;&gt;
      &lt;input id=&quot;c1&quot; type=&quot;checkbox&quot; autocomplete=&quot;off&quot; checked&gt; Checkbox 1 (pre-checked)
    &lt;/label&gt;
    &lt;label class=&quot;btn btn-primary&quot;&gt;
      &lt;input id=&quot;c2&quot; type=&quot;checkbox&quot; autocomplete=&quot;off&quot;&gt; Checkbox 2
    &lt;/label&gt;
    &lt;label class=&quot;btn btn-primary&quot;&gt;
      &lt;input id=&quot;c3&quot; type=&quot;checkbox&quot; autocomplete=&quot;off&quot;&gt; Checkbox 3
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I can click on the third button or use <code>$('#c3').closest('.btn').button('toggle')</code> to set the third button as pressed. That is visually okay. However, the checkbox input does not get the <code>checked</code> attribute, and that is what I'm missing. Why doesn't this happen automatically? Am I required to do this manually?</p>
  <h2>Update and solution:</h2>
  <p>As Marcos Pérez Gude revealed: The inspector of Firefox (or Elements in Chrome) doesn't show changes regarding the checked state of a checkbox. There you can modify or see other things but currently (Firefox 40) the checked state cannot be trusted. That was my fault.</p>