JSFiddle - React, Tailwind, and code Playground

by Andrey Chernomyrdin

HTML

<form>
    <p class="categoryCheckBox">
        <input type="checkbox" name="categories[]" value="1" id="categories-1" />
        <label for="categories-1">Текст для флажка 1</label>
    </p>
    <p class="categoryCheckBox">
        <input type="checkbox" name="categories[]" value="2" id="categories-2" />
        <label for="categories-2">Текст для флажка 2</label>
    </p>
</form>

CSS

.checked label {
    background-color: #eee;
}

JavaScript

$(".categoryCheckBox input").change(
    function () {
        $(this).parent().toggleClass("checked");
    }
);