JSFiddle - React, Tailwind, and code Playground

HTML

<form> 
A<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/>
        B<input type="checkbox" id="jpCheckbox[]" class="jpCheckbox" /><br/>
        C<input type="checkbox" id="jpCheckbox[]" class="jpCheckbox" /><br/>

<a class="disable" href="">Disable All Checkboxes</a>
</form>

JavaScript

jQuery(document).ready(function () {
    $('a.disable').click(function(){
        $('.jpCheckbox').attr('disabled',true);
        return false;
    });
});