JSFiddle - React, Tailwind, and code Playground

HTML

<input type=checkbox  name=1>
<input type=checkbox  name=2>
<input type=checkbox  name=3>
<input type=checkbox  name=4>
<input type=checkbox  name=5>
<input type=checkbox  name=all>

JavaScript

document.querySelector("input[name=all]").onclick = function(e) {
    var marcar = e.target.checked;
    var lista = document.querySelectorAll("input");
    for ( var i = 0 ; i < lista.length ; i++ )
        lista[i].checked = marcar;
};