JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><label><input type="checkbox" value="1" name="horse" checked/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
    </tr>
    <tr>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse" checked/><span></span></label></td>
    </tr>
    <tr>
        <td><label><input type="checkbox" value="1" name="horse" checked/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
        <td><label><input type="checkbox" value="1" name="horse"/><span></span></label></td>
    </tr>
</table>

CSS

table {border-collapse: collapse;}
tr, td {width: 50px;height: 50px;border: 1px solid #000;}

label {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
}

input {display: none;}
input[type="checkbox"]:checked + span {
    background: url(http://i27.beon.ru/95/20/1102095/7/42506907/icon08web.gif) no-repeat;
    position: absolute; 
    width: 100%; 
    height: 100%;
}