JSFiddle - React, Tailwind, and code Playground
HTML
<form method="POST">
<label><input type="checkbox" id="check_all"> Выделить всё</label> <br>
<label><input type="checkbox" name="checks" class="checkbox" value="1"> Чекбокс 1</label> <br>
<label><input type="checkbox" name="checks" class="checkbox" value="2"> Чекбокс 2</label> <br>
<label><input type="checkbox" name="checks" class="checkbox" value="3"> Чекбокс 3</label> <br>
</form>
JavaScript
;(function($) {
var $checks = $(".checkbox");
$('#check_all').on('change', function(e) {
var $this = $(this);
$checks.prop('checked', $this.prop('checked'));
});
})(jQuery);