JSFiddle - React, Tailwind, and code Playground
HTML
<fieldset class="fieldrow">
<label>Select the services you require:</label>
<ul class="checklist">
<li><label for="Fuel">Fuel</label><input type="checkbox" id="Fuel" name="check[]" value="Fuel" >
<a class="checkbox-select" href="#">✔ Select</a>
<a class="checkbox-deselect" href="#">Cancel</a></li>
<li><label for="Landing">Landing</label><input type="checkbox" id="Landing" name="check[]" value="Landing" >
<a class="checkbox-select" href="#">✔ Select</a>
<a class="checkbox-deselect" href="#">Cancel</a></li>
<li><label for="Handling">Handling</label><input type="checkbox" id="Handling" name="check[]" value="Handling" >
<a class="checkbox-select" href="#">✔ Select</a>
<a class="checkbox-deselect" href="#">Cancel</a></li>
<li> <label for="Parking">Parking</label><input type="checkbox" id="Parking" name="check[]" value="Parking" >
<a class="checkbox-select" href="#">✔ Select</a>
<a class="checkbox-deselect" href="#">Cancel</a></li>
<li><label for="Catering">Catering</label><input type="checkbox" id="Catering" name="check[]" value="Catering" >
<a class="checkbox-select" href="#">✔ Select</a>
<a class="checkbox-deselect" href="#">Cancel</a></li>
</ul>
<label for="Notes">Notes:</label><input type="text" id="Notes" name="Notes" value="">
</fieldset>
<div id="Cateringfield" class="fieldrow">
<h4>Breakfast</h4>
<label for="b_smokesalmon">Smoked Salmon & Cream Cheese Bagel</label>
...
JavaScript
$('a.checkbox-select').click(function(){
$(this).prev('input:checkbox').prop("checked", true);
});
$('a.checkbox-deselect').click(function(){
$(this).prevUntil('input:checkbox').prop('checked', false);
});