JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <label>Check 1<input type="checkbox" checked/> </label>
     <label>Check 2<input type="checkbox" /> </label>
    <label>Check 3<input type="checkbox" checked/> </label>
      <label>Check 4<input type="checkbox" /> </label>
       <label>Check 5<input type="checkbox" /> </label>
    
</div>

CSS

label{ display:block; padding:20px}

label.ui-selecting { background: #FECA40; }

JavaScript

$("#test").selectable({
    filter:'label',
    stop: function() {        
        $(".ui-selected input", this).each(function() {
            this.checked= !this.checked
          
        });
    }
});