JSFiddle - React, Tailwind, and code Playground

HTML

<div>Select All<input type="checkbox" id="parent" /></div> 
  1.<input type="checkbox" class="child"> 
  2.<input type="checkbox" class="child"> 
  3.<input type="checkbox" class="child"> 
  4.<input type="checkbox" class="child"> 
  5.<input type="checkbox" class="child">

JavaScript

$(function(){
  $('#parent').on('change',function(){
     $('.child').prop('checked',$(this).prop('checked'));
  });
  $('.child').on('change',function(){
     $('#parent').prop('checked',$('.child:checked').length ? true: false);
  });
});