JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="check[]" value="1" />
<input type="checkbox" name="check[]" value="2" />
<input type="checkbox" name="check[]" value="3" />
<input type="checkbox" name="check[]" value="4" />
<input type="checkbox" name="check[]" value="5" />
<input type="checkbox" name="check[]" value="6" />
<input type="checkbox" name="check[]" value="7" />
<input type="checkbox" name="check[]" value="8" />
<input type="checkbox" name="check[]" value="9" />
<a href="#" title="" id="check">check all</a> <a href="#" title="" id="uncheck">uncheck all</a>

JavaScript

var all_checkboxes = jQuery(':checkbox');
jQuery('#check').on('click', function(event){
    event.preventDefault();
    all_checkboxes.prop('checked', true);
});
jQuery('#uncheck').on('click', function(event){
    event.preventDefault();
    all_checkboxes.prop('checked', false);
});