JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="all"> Select/Cancel All<br>
<input type="checkbox" class="item">1<br>
<input type="checkbox" class="item">2<br>
<input type="checkbox" class="item">3<br>

JavaScript

$("#all").click(function() {
    $(".item:checkbox").prop("checked", $(this).prop("checked") )
})

/* 
$("#all").click(function() {
    var checked = $(this).prop("checked");
    $(".item").each(function(index, item){
        $(item).prop("checked", checked)
    })
}) 
*/