怎么实现，选择后，选择框所在的单元格变颜色

如何实现，选择后，选择框所在的单元格变颜色？
如题：
<table border="1">
<tr>
<td>ff</td>
<td>vv</td>
<td><input type="radio" name=""></td>
</tr>

<tr>
<td>ff2</td>
<td>vv2</td>
<td><input type="radio" name=""></td>
</tr>
</table>

选择后，让焦点所在的<tr></tr>变颜色。
取消选择时则，所在的<tr></tr>恢复原来颜色。
求高手们指点，给出代码。多谢老板们。
------解决思路----------------------
<script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
<style>.c{background:red}</style>
<table border="1">
<tr>
<td>ff</td>
<td>vv</td>
<td><input type="radio" name="a"></td>
</tr>

<tr>
<td>ff2</td>
<td>vv2</td>
<td><input type="radio" name="a"></td>
</tr>
</table>
<script>$('input').click(function(){$('input').each(function(){
$(this).parents('tr')[this.checked?'addClass':'removeClass']('c');});
 
})</script>