Сброс выделение radio ячейки

делаю форму, в которой по клику на radio переключатель, выделяется ячейка.
нужно сделать чтобы при выборе другого значения, radio сбрасывалось, выделение снималось.
сейчас работает так, выделение не сбрасывается, и radio тоже перестало сбрасыватся, выделяются все значения, а должно только одно
вот код:

PHP:

<style type="text/css">  
<!--  
.odd-line {background-color: #CCCCFF;}  
.odd-line-select {background-color: #0000FF;}  
-->  
</style>  
<script> 
function getSource(e) { 
  return (e.target) ? e.target : e.srcElement; 
} 
  
function lihtTable(e){  
  if(e.type=='radio') { 
    e.parentNode.parentNode.className = e.checked ? "odd-line-select" : "odd-line";  
  }   
}  
</script>  
<form onclick="lihtTable(getSource(event))">  
<table cellpadding="2" cellspacing="2">  
  <tr class="odd-line">  
    <td><input type="radio"></td>  
    <td>id</td><td>Название</td>  
  </tr>  
  <tr class="odd-line">  
    <td><input type="radio"></td>  
    <td>1</td><td>name_1</td>  
  </tr>  
  <tr class="odd-line">  
    <td><input type="radio"></td>  
    <td>2</td><td>name_2</td>  
  </tr>  
  <tr class="odd-line">  
    <td><input type="radio"></td>  
    <td>3</td><td>name_3</td>  
  </tr>  
  <tr class="odd-line">  
    <td><input type="radio"></td>  
    <td>id</td><td>Название</td>  
  </tr>  
</table>


что надо поправить чтобы radio переключались по одному значению, а выделение вместе с ними переключалось?

 

как то так.

Code:

<input type="text" name="some_name" id="radio_form"/>
<inpyt type="radio" name="radio_body" class="radio_body" />
<inpyt type="radio" name="radio_body" class="radio_body" />
<inpyt type="radio" name="radio_body" class="radio_body" />
$(function{
$("#radio_form").change(function(){
//можно так
$(".radio_body").removeAttr("checked");
//или так
$(":checked").removeAttr("checked");
// но первый вариант конечно лучше
});
});

первый варинт лечше тем что при поддержке твоего кода стороними программистами его легче понять.