Quote Originariamente inviata da lucavizzi Visualizza il messaggio
Ho scritto una versione che consente di gestire enne gruppi di radio:
codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#table_id td{
 background:#ccc;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var radio=document.querySelectorAll('#table_id input[type="radio"]');
 for(var i=0; i<radio.length; i++){
  radio[i].onclick=checkRow;
 }
}
function checkRow(event){
 var radio=event.target;
 var tr=radio.parentNode.parentNode;
 var tds=tr.querySelectorAll('td');
 for(var i=0; i<tds.length; i++){
  tds[i].style.backgroundColor='#ccc';
 }
 radio.parentNode.style.backgroundColor='#fff';
}
</script>
</head>
<body>
<table id="table_id">
 <tr>
    <td><input type="radio" name="myradio" value="1"></td>
    <td><input type="radio" name="myradio" value="2"></td>
   </tr>
 <tr>
    <td><input type="radio" name="myradio2" value="1"></td>
    <td><input type="radio" name="myradio2" value="2"></td>
   </tr>
</table>
</body>
</html>
Per comodità ho usato la versione 3 del DOM quindi potrebbe avere problemi di retro-compatibilità con i browser non aggiornati.
@KillerWorm da un post su CSS di Valeria89 si evince che ci sono più gruppi di radio.
Grazie, sei gentilissimo! Mi aiuti sempre a risolvere i miei mille problemi! Grazie, grazie, grazie!