JSFiddle - React, Tailwind, and code Playground

HTML

A <input type="checkbox" name="alpha" value="A" /> | 
B <input type="checkbox" name="alpha" value="B" /> | 
C <input type="checkbox" name="alpha" value="C" /> 
<br />

1 <input type="checkbox" name="num" value="1" /> |
2 <input type="checkbox" name="num" value="2" /> |
3 <input type="checkbox" name="num" value="3" />

JavaScript

$.fn.mutuallyExcludedCheckBoxes = function(){
    var $checkboxes = this;
    
    $checkboxes.click(function() {
      var $this = $(this),
          isChecked = $this.prop("checked");
        
      $checkboxes.prop("checked", false);
      $this.prop("checked", isChecked);
    });
};

$("[name=alpha]").mutuallyExcludedCheckBoxes();
$("[name=num]").mutuallyExcludedCheckBoxes();