JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<div>
<p><label><input type="checkbox" id="toggle"> Check toggle</label></p>

<label><input class="cbox" type="checkbox" name="foo" value="1"> foo</label><br>
<label><input class="cbox" type="checkbox" name="bar" value="2"> bar</label><br>
<label><input class="cbox" type="checkbox" name="hoge" value="3"> hoge</label>
</div>

CSS

div{margin:50px;}p{margin-bottom:15px;}

JavaScript

$("#toggle").click(function(){
            $('.cbox').prop('checked', $(this).prop('checked'));
        });