JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<input name="chkservicecrew" value="the chkservicecrew" type="checkbox">chkservicecrew</input>
<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');
        alert("ooou");
    }
    else{
    $(allCheckboxes).removeAttr('disabled');
    }
    
});