JSFiddle - React, Tailwind, and code Playground
HTML
<input name="chkservicecrew" value="the chkservicecrew" type="checkbox">chkservicecrew
<br>
<input name="chkservicecrew" value="chkservicecrew" type="checkbox">chkservicecrew
<br>
<input name="chkservicecrew" value="chkservicecrew" type="checkbox">chkservicecrew
<br>
<input name="chkservicecrew" value="chkservicecrew" type="checkbox">chkservicecrew
<br>
JavaScript
var maxCheckboxes = 2;
$('input[name="chkservicecrew"]').change(function () {
var checkedNum = $('input[name="chkservicecrew"]:checked').length;
var allCheckoxesChecked = $('input[name="chkservicecrew"]:checked');
var allCheckboxes = $("input[name='chkservicecrew']");
//alert(checkedNum + " - " + maxCheckboxes);
if (checkedNum == maxCheckboxes) {
$(allCheckboxes).attr('disabled', 'disabled');
$(allCheckoxesChecked).removeAttr('disabled');
} else {
$(allCheckboxes).removeAttr('disabled');
}
});