JSFiddle - React, Tailwind, and code Playground

by mukkaram waheed

HTML

<div>    
    Red: <input id="chkRed" name="chkRed" type="checkbox" value="red" class="checkbox">
          Blue: <input id="chkBlue" name="chkBlue" type="checkbox" value="blue" class="checkbox">
          Green: <input id="chkGreen" name="chkGreen" type="checkbox" value="green" class="checkbox">
</div>

JavaScript

$('.checkbox').click(function () {                  
checkedState = $(this).attr('checked');
$('.checkbox').each(function (i,obj) {
$(obj).prop('checked',false);
console.log(obj);
});
  $(this).attr('checked', checkedState);
 });