JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
<td>
    </tr>
    <tr>
    
    <td>-<input type="checkbox" name="or1" class="check1" id="org"/></td>
                    <td>-<input type="checkbox" name="or2" class="check2"  />hulk </td>
                    <td>-<input type="checkbox" name="or3" class="check3"  />ironman</td>
                    <td>-<input type="checkbox" name="or8" class="check4" />thor</td>
                    <td>-<input type="checkbox" name="or5" class="check5" /></td>
    </tr>
</table

JavaScript

$('input[type="checkbox"]').mouseenter(function() {

    if ($(this).is(':checked')) {
        $(this).prop('checked',false);
    } else {
         $(this).prop('checked',true);
    }
});