JSFiddle - React, Tailwind, and code Playground
HTML
<div><input type="checkbox" id="checkboxA" /><label for="checkboxA">checkboxA</label></div>
<div><input type="checkbox" id="checkboxB" /><label for="checkboxB">checkboxB</label></div>
<div><input type="checkbox" id="checkboxC" /><label for="checkboxC">checkboxC</label></div>
<div><input type="checkbox" id="checkboxD" /><label for="checkboxD">checkboxD</label></div>
<div><input type="checkbox" id="checkboxE" /><label for="checkboxE">checkboxE</label></div>
<div><input type="checkbox" id="checkboxF" /><label for="checkboxF">checkboxF</label></div>
<div id="results"></div>
JavaScript
$('input:checkbox').click(function() {
var checked = $("input:checkbox:checked");
if (checked.length === 1 && checked[0].id === 'checkboxA') {
$('#results').append('<span>only checkboxA checked</span><br/>');
}
});