JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
       
       <ui>
         <li><input type="checkbox" checked/></li>
         <li><input type="checkbox"/></li>
         <li><input type="checkbox"/></li>
         <li><input type="checkbox"/></li>
         <li><input type="checkbox"/></li>
       </ui>
    
</div>

CSS

label{ display:block; padding:20px}

.ui-selecting { background: #FECA40; }

JavaScript

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