title: User should not be able to select the button which is already selected
body: <p>Button group is not working as it should, the problem is if the &quot;<strong>ON</strong>&quot; is selected, it should not be selected again, but the problem is even the &quot;ON&quot; button is selected I am able to select the ON button again.</p>
  <p>How can I stop my button to stop any action when the button is already selected.</p>
  <p>This is my code for my <strong>button group</strong>:</p>
  <pre><code>&lt;form action=&quot;myclass.php&quot; method=&quot;post&quot;&gt;
      &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
          &lt;label class=&quot;btn btn-default btn-xs myOnbutton&quot;&gt;
              // myOnbutton is the button name
              &lt;input type=&quot;radio&quot; autocomplete=&quot;off&quot;&gt; ON
          &lt;/label&gt;
          &lt;label class=&quot;btn btn-default btn-xs myOffbutton&quot;&gt;
              // myOffbutton is the button name
              &lt;input type=&quot;radio&quot; autocomplete=&quot;off&quot;&gt; OFF
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Do anyone knows where I am making the mistake, so it is selecting the button again.</p>