JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="check_boxes" label="check all" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />

JavaScript

$('document').ready( function() {
    $('.check_boxes').click( function() {
      if ($('input:checkbox').prop('checked')) {
        $('input:checkbox').prop('checked', true);
      } else {
        $('input:checkbox').prop('checked', false);
      }     
    });
});