JSFiddle - React, Tailwind, and code Playground

by Bhawesh7731

HTML

<label><input type="checkbox" name="sample" class="selectall"/> Select all</label>

<div id="checkboxlist">
    <label> <input type="text" name="txt1" value="zandu"></label><br/>
    <label><input type="checkbox" name="sample[]"/>checkbox1</label><br/>
    <label><input type="checkbox" name="sample[]"/>checkbox2</label><br />
    <label><input type="checkbox" name="sample[]"/>checkbox3</label><br />
    <label><input type="checkbox" name="sample[]"/>checkbox4</label><br />
    
</div>

JavaScript

$('.selectall').click(function() {
    if ($(this).is(':checked')) {
        $('input:checkbox').attr('checked', true);
    } else {
        $('input:checkbox').attr('checked', false);
    }
});