JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" defer></script>
<div x-data="AlpineSelect()">
 
 <div>
  <input type="checkbox" x-bind:checked="selectall">Select 1 
  <input type="checkbox" x-bind:checked="selectall">Select 2 
  <input type="checkbox" x-bind:checked="selectall">Select 3
 </div>
 
 <div>
  <input type="checkbox" @click="selectall=!selectall">Select All  </div> 
 
</div>

JavaScript

function AlpineSelect(){
    return {
        selectall: false,
    };  
}