JSFiddle - React, Tailwind, and code Playground

HTML

<input type='checkbox' value='1' class='unique' data-group='group1'>
<input type='checkbox' value='2' class='unique' data-group='group1'>
    <br/><br/>
<input type='checkbox' value='1' class='unique' data-group='group2'>
<input type='checkbox' value='2' class='unique' data-group='group2'>

JavaScript

$(function() {
    $('input.unique').click(function(e) {
        groupName = $(this).data('group');
        $('input[data-group="' + groupName + '"]').removeAttr('checked');
        $(this).prop('checked', true);
    });
});