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 style="width:900px;">
<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 style="width:900px;">
<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"...
JavaScript
$('.high').on('click', function(event) {
if ($(this).prop('checked')) {
$("tr").css("background-color", "#ffffff");
$(this).closest("tr").css("background-color", "#FFCC00");
} else {
$(this).closest("tr").css("background-color", "#ffffff");
}
});