JSFiddle - React, Tailwind, and code Playground

by crucify

HTML

<form> 
<input type="checkbox" name="checkboxname" value="1" id="1" class="b">A 
<input type="checkbox" name="checkboxname" value="2" id="2" class="b">B 
<input type="checkbox" name="checkboxname" value="3" id="3" class="b">C 
<input type="checkbox" name="checkboxname" value="4" id="4" class="b">D 
<input type="checkbox" name="checkboxname" value="5" id="5" class="a">ETC 
</form>

JavaScript

$('.a').on('click', function() {
	if(this.checked) $('.b').prop('checked', false);
});
$('.b').on('click', function() {
	if(this.checked) $('.a').prop('checked', false);
});