title: Select only one checkbox in bootstrap
body: <p>I have few check boxes in different table rows with same class name. I want only one should be selected among them at a time. I am trying something like following but nothing working,</p>
  
  <pre><code>$('.sev_check').click(function() {
  
                  $('.sev_check').not(this).prop('checked', false);
  });
  </code></pre>
  
  <p>or,</p>
  
  <pre><code>$('.sev_check').click(function() {
      $cur=$(this).prop('checked');
      $(".sev_check").each(function(){ 
         $(this).prop('checked',false);
      })
      $(this).prop('checked', $cur);  
  });
  </code></pre>
  
  <p>Here are how my checkboxes are aligned,</p>
  
  <p><a href="https://i.stack.imgur.com/YG6V6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YG6V6.png" alt="enter image description here"></a></p>
  
  <p>HTML,</p>
  
  <pre><code>&lt;div class="checkbox text-center"&gt;
      &lt;label class="form-checkbox form-icon"&gt;
          &lt;input id="s_fac" type="checkbox" class="sev_check"&gt;
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>