JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="myCheck" checked="checked" />&nbsp;&nbsp;Checkbox Master<br />
<input type="checkbox" id="myCheck2" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 1<br />
<input type="checkbox" id="myCheck3" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 2

JavaScript

$(document).ready(function() {

    $( "#myCheck" ).button();
    $( "#myCheck2" ).button();
    $( "#myCheck3" ).button();
    
	$('#myCheck').click(function() {
        $('.myCheck').prop('checked', false);
	});
	$('.myCheck').click(function() {
		if ($('.myCheck').is(':checked')) {
			$('#myCheck').prop('checked', false);
		} else {
            $('#myCheck').prop('checked', true);
            //alert("Checkbox Master must be checked, but it's not!");
		}
	});
					
});