JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<p><label><input type="checkbox" id="ch1"> Checkbox 1</label><br>
<input type="checkbox" id="ch1"> Checkbox 1</label><br>
<input type="checkbox" id="ch1"> Checkbox 1</label><br>
<input type="checkbox" id="ch1"> Checkbox 1</label><br>
<input type="checkbox" id="ch1"> Checkbox 1</label><br>
<label><input type="checkbox" id="ch2"> Checkbox 2</label></p>
</form>
JavaScript
$(document).ready(function(){
$('#ch1').change(function(){
if($(this).is(':checked')) {
$("#ch2").attr('disabled','disabled');
} else {
$("#ch2").removeAttr('disabled');
}
});
});