JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset id="group_1">
<input type="checkbox" name="number" class="cbx" value="0" />
<input type="checkbox" name="number" class="cbx"  value="1" />
<input type="checkbox" name="number" class="cbx"  value="2" />
<input type="checkbox" name="number" class="cbx"  value="3" />
<input type="checkbox" name="number" class="cbx" value="4" />
<input type="checkbox" name="number" class="cbx"  value="5" />
<input type="checkbox" name="number" class="cbx"  value="6" />
<input type="checkbox" name="number" class="cbx"  value="7" />
<input type="checkbox" name="number" class="cbx" value="8" />
<input type="checkbox" name="number"  class="cbx" value="9" />
</fieldset>

<a rel="group_1" href="#select_all" id="select_all">Seleccionar Todos</a>
<a rel="group_1" href="#select_none" id="select_none">Deseleccionar Todos</a>
<a rel="group_1" href="#invert_selection" id="invert_selection">Invertir Selección</a>

JavaScript

$(document).ready( function() {
// Seleccionar Todos     
$("#select_all").click( function() {
    $('.cbx').attr('checked', true);    
});        
//  Deseleccionar Todos      
$("#select_none").click( function() {
    $('.cbx').attr('checked', false);
});        
// Invertir Selección      
$("#invert_selection").click( function() {
    $('.cbx').each(function() {
        $(this).attr('checked', !$(this).is(':checked'));
    });
});              
});//Fin ready