<p dir="auto">Using data-toggle="buttons" doesn't set the initial active state of the radio/checkbox buttons if they are already checked.</p>
<p dir="auto">In the following example, the first button should get a class of active when the widget is initialized, but it does not.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option1&quot; checked=&quot;checked&quot;&gt; Option 1
  &lt;/label&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option2&quot;&gt; Option 2
  &lt;/label&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;radio&quot; name=&quot;options&quot; id=&quot;option3&quot;&gt; Option 3
  &lt;/label&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="btn-group" data-toggle="buttons"&gt;
  &lt;label class="btn btn-primary"&gt;
    &lt;input type="radio" name="options" id="option1" checked="checked"&gt; Option 1
  &lt;/label&gt;
  &lt;label class="btn btn-primary"&gt;
    &lt;input type="radio" name="options" id="option2"&gt; Option 2
  &lt;/label&gt;
  &lt;label class="btn btn-primary"&gt;
    &lt;input type="radio" name="options" id="option3"&gt; Option 3
  &lt;/label&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">Hi guys! Love your work!</p>
<p dir="auto">Have some issues with checkbox and radio Buttons on Button-groups. I've try to pre-load option with a form, but got all buttons disabled. Hope you'll fix it.</p>
<p dir="auto">Thank you!</p>