JSFiddle - React, Tailwind, and code Playground

HTML

<table class='marque' style="width: 100%;">
    <tr>
        <td></td>
        <td>Fabriquant</td>
        <td>Distributeur</td>
        <td>Concessionaire</td>
    </tr>
    <tr>
        <td>
           truc
        </td>
        <td class="swap checked"></td> 
        <td class="swap checked"></td>
        <td class="swap checked"></td>
    </tr> 
<tr>
        <td>
           machin
        </td>
        <td class="swap"></td> 
        <td class="swap"></td>
        <td class="swap"></td>
    </tr> 
<tr>
        <td>
           bidule
        </td>
        <td class="swap"></td> 
        <td class="swap"></td>
        <td class="swap"></td>
    </tr> 
   
</table>

CSS

table {border-collapse: collapse;}
td { border : solid 1px silver;
    height:30px;}
.swap{
cursor: pointer;}

.checked { 
    background-image: url("http://cheqbookcom.wpengine.netdna-cdn.com/wp-content/uploads/2013/02/green_circle.png");
    background-repeat: no-repeat;
    background-position: center center;
    
}

JavaScript

$(function(){

    $('.swap').on('click', function(){
                    $(this).toggleClass('checked')
                  })

})