JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name"myCheck" id="chk1"/>Checkbox</label>

JavaScript

$(':checkbox').mouseenter(function(){
        if($(this).prop('checked')) {
            $(this).prop('checked', false);
             $(this).removeAttr('checked');
        }
        else{
            $(this).prop('checked', true);
            $(this).attr('checked',true);
        }

})