JSFiddle - React, Tailwind, and code Playground

by rus333

HTML

<div class="checkbox">
    <label>
        <input type="checkbox" checked="checked"> Только в наличии
    </label>
</div>
<div class="checkbox">
    <label class="checked">
        <input type="checkbox" checked="checked"> Только в наличии
    </label>
</div>
<div class="checkbox">
    <label>
        <input type="checkbox"> Только в наличии
    </label>
</div>

CSS

.checkbox label:hover,
.checkbox label.checked {
    font-weight: bold;
}

JavaScript

$(document).ready(function() {
  $('.checkbox label input').click(function() {
    $(this).closest('label').toggleClass('checked');
  });
})