JSFiddle - React, Tailwind, and code Playground

by anay1231

HTML

<p id="checkBoxes">
    <input type="checkbox" id="cb1" value="1"/>
    <label for="Checkbox1">Option One</label>
    <br />
    <input type="checkbox" id="cb2" value="2" />
    <label for="Checkbox2">Option Two</label>
    <br />
    <input type="checkbox" id="cb3" value="3" />
    <label for="Checkbox3">Option Three</label>
    <br />
    <input type="checkbox" id="cb4" value="4" />
    <label for="Checkbox4">Option Four</label>
    <br />
    <input type="checkbox" id="cb5" value="5" />
    <label for="Checkbox5">Option Five</label>
    <br />
</p>

JavaScript

$(function () {
    var $tblChkBox = $("#checkBoxes input:checkbox");
    $("#ckbCheckAll").on("click", function () {
        $($tblChkBox).addClass('checked', $(this).prop('checked'));
    });
});