JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr id='game_1'>
<td class='bowl'>Fiesta Bowl</td>
<td id='radiocell'>
<input type='radio' name=1 value='Arizona'></input>
</td>
<td class='team1'>Arizona</td>
<td id='radiocell'>
<input type='radio' name=1 value='Boise State'></input>
</td>
<td class='team2'>Boise State</td>
<td class='gameDay'>January 1</td>
</tr>
</table>
CSS
.highlight {
background-color: green;
}
JavaScript
$('input:radio').change(function( event ) {
$( "td" ).each(function() {
$( this ).removeClass( "highlight" );
});
$( event.target ).closest( "td" ).next("td").addClass("highlight");
});