JSFiddle - React, Tailwind, and code Playground

HTML

<input type='checkbox' id='selectall' />Select all

<table id='table'>
    <tr>
        <td>
            <input type='checkbox' id="ed_1"/>Test 1
        </td>
    </tr>
    <tr>
        <td>
            <input type='checkbox' id="ed_2"/>Test 2
        </td>
    </tr>
    <tr>
        <td>
            <input type='checkbox' id="ed_3"/>Test 3
        </td>
    </tr>
    <tr>
        <td>
            <input type='checkbox' id="ed_4"/>Test 4
        </td>
    </tr>
</table>

CSS

.active{
    background-color: blue;
}

JavaScript

$(document).ready(function(e){
    $("#selectall").click(function(){
        var b = false;
        if($(this).is(":checked"))
            b = true;
        $("#table").find("tr").each(function(){
            $(this).find('input[type="checkbox"]').each(function() {
                $(this).prop("checked", b);
                var id=$(this).attr("id").split('_')[1];
                if(b)
                    $("#table tr:nth-child(" + id + ")").addClass('active');
                else $("#table tr:nth-child(" + id + ")").removeClass('active');
                //DON'T KNOW WHAT THIS IS FOR
               // $("table.DTFC_Cloned>tbody tr:nth-child(" + id_row + ")").addClass('active');
            //funcChechboxes('{{ path('user_session_set')}}',id,'single');

            });
        });
    });
});