JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<input id="main" type="checkbox" name="vehicles" value="all" / >Select all<br /><br />
<input type="checkbox" name="vehicles" value="car" / >car<br>
<input type="checkbox" name="vehicles" value="bike" / >bike<br>
<input type="checkbox" name="vehicles" value="jeep" / >jeep<br>
<input type="checkbox" name="vehicles" value="lorry" / >truck<br>
<input type="checkbox" name="vehicles" value="auto" / >auto<br>
<script>
    
    $("#main").click(function(){
         check_val=this.checked;
         $("input[value!='all']").attr("checked",check_val);
    });
    $("input[value!='all']").click(function(){
        var len=$("input[value!='all']:checked").length;
        
        if(len==5)
        $("#main").attr("checked",true);
        else
        $("#main").attr("checked",false);
    });
</script>