JSFiddle - React, Tailwind, and code Playground

HTML

<table width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr class="oddrow player-10-5544 tab_head1" align="right" >
                    <td height="25" colspan="22" align="center"><div>
                        <div class="rk">1</div>
                        <div class="check">
                          <input name="inviteContacts" type="checkbox" value="1" class="high"  />
                          
                        </div>
                        <div class="player">Player Name</div>

                      </div></td>
                  </tr>
                  <tr class="evenrow player-10-5544 tab_head1" align="right">
                    <td height="25" colspan="22" align="center"><div>
                        <div class="rk">2</div>
                        <div class="check">
                          <input type="checkbox" value="1" name="inviteContacts" class="high" />
                        </div>
                        <div class="player">Player Name</div>
                       
                      </div></td>
                  </tr>
                  <tr class="oddrow player-10-5544 tab_head1" align="right" >
                    <td height="25" colspan="22" align="center"><div style="width:900px;">
                        <div class="rk">3</div>
                        <div class="check">
                          <input type="checkbox" value="1" name="inviteContacts" class="high" />
                        </div>
                        <div class="player">Player Name</div>
                       
                      </div></td>
                  </tr>
                  <tr class="evenrow player-10-5544 tab_head1" align="right" >
                    <td height="25" colspan="22" align="center"><div style="width:900px;">
                        <div class="rk">4</div>
                        <div class="check">
                          <input type="checkbox" value="1" name="inviteContacts" class="high" />
                       ...

JavaScript

$('.high').live('click', function(event) {
     
     $('input.high').not(this).attr('checked', null).closest('tr').css('background-color', '#fff');
     
     
     if ($("#checkallContacts").attr('checked') == true && this.checked == false) {
            $("#checkallContacts").attr('checked', false);
            $(this).closest('tr').css("background-color", "#ffffff");
        }
        if (this.checked == true) {
            $(this).closest('tr').css("background-color", "#FFCC00");
            CheckSelectAll();
        }
        if (this.checked == false) {
            $(this).closest('tr.evenrow').css("background-color", "#f1f1f1");
        }
         if (this.checked == false) {
            $(this).closest('tr.oddrow').css("background-color", "#FAFAFA");
        }
        
     
     });