JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<form action="" method="post" enctype="multipart/form-data" name="filters">

Select: <input name="select_all_regions" 
          type="button" value="all" /> 
/ <input name="select_no_regions"  
          type="button" value="none" />
<input name="regions[]" type="checkbox" value="7" checked />East Coast
<input name="regions[]" type="checkbox" value="14" checked />West Coast
<input name="regions[]" type="checkbox" value="15" checked />Gulf Coast

Select: <input name="select_all_places"  
          type="button" value="all" /> 
/ <input name="select_no_places"  
          type="button" value="none" />
<input name="places[]" type="checkbox" value="25" checked />Dock
<input name="places[]" type="checkbox" value="29" checked />Ramp
<input name="places[]" type="checkbox" value="34" checked />Natural

<input class="filter-button" id="filter-submit-button" name="go" 
          type="submit" value="Go!" />

</form>

JavaScript

$('input[type=button]').click(function() {
    var name = $(this).attr('name').split('_')[2];    
    $('input[name="'+ name +'[]"]').prop('checked',$(this).val() == 'all');
});