JSFiddle - React, Tailwind, and code Playground

by Gabriel Correa

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="checkbox">
  <label>
    <input type="checkbox" class="sev_check" name="chk1" />Chk1</label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" class="sev_check" name="chk2" />Chk2</label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" class="sev_check" name="chk3" />Chk3</label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" class="sev_check" name="chk4" />Chk4</label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" class="sev_check" name="chk5" />Chk5</label>
</div>

JavaScript

$('.sev_check').click(function() {
  $('.sev_check').not(this).prop('checked', false);
});