JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
     <tr>
        <td>
            <input type="checkbox"/>
        </td>
    </tr>
</table>

CSS

td {
    border: 1px solid black;
}

JavaScript

var mouseIsDown;

$(document).on('mousedown', function() {    
    mouseIsDown = true;
});

$(document).on('mouseup', function() {
    mouseIsDown = false;
});

$('td').on('mouseenter', function() {
    console.log(mouseIsDown);
    
    if(mouseIsDown) {
        $(this).find('input[type=checkbox]').prop('checked', true);
    }
});