JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<table>
<tr>
    <td><label for="mount_tube_1"><input id="mount_tube_1" name="mount_tube_id" value="1" type="radio"/></label></td>
	<td><label for="mount_tube_1">1</label></td>
	<td><label for="mount_tube_1">x</label></td>
    <td><label for="mount_tube_1">y</label></td>
    <td><label for="mount_tube_1">z</label></td>
</tr>
<tr>
    <td><label for="mount_tube_2"><input id="mount_tube_2" name="mount_tube_id" value="2" type="radio"/></label></td>
	<td><label for="mount_tube_2">2</label></td>
	<td><label for="mount_tube_2">x</label></td>
    <td><label for="mount_tube_2">y</label></td>
    <td><label for="mount_tube_2">z</label></td>
</tr>
<tr>
    <td><label for="mount_tube_3"><input id="mount_tube_3" name="mount_tube_id" value="3" type="radio"/></label></td>
	<td><label for="mount_tube_3">3</label></td>
	<td><label for="mount_tube_3">x</label></td>
    <td><label for="mount_tube_3">y</label></td>
    <td><label for="mount_tube_3">z</label></td>
</tr>
</table>

CSS

table { border-collapse: collapse; border-spacing:0px; } 
td label { padding:5px; }
.selected { background-color:green; }

JavaScript

$('input[type=radio]').change(function(){
    $('.selected').removeClass('selected');
    $('label', $(this).parents('tr')).addClass('selected');
});