[JS] Colore cella con radio button

[nabozzz]

<style>
tr.even { background-color: #eee; }
tr.odd { background-color: #ddd; }
</style>

<tr class="even">
<td id="andata1"><input type="radio" value="1" name="andata" onclick="disablecolor(); andata1.style.background='#ff6600';"></td>
</tr>
<tr class="odd">
<td id="andata2"><input type="radio" value="1" name="andata" onclick="disablecolor(); andata2.style.background='#ff6600';"></td>
</tr>

<script>
function disablecolor() {
andata1.style.background='';
andata2.style.background='';
}
</script> 

ecco mi sembra trasparente quello che vorrei realizzare... ma... non funziona.
Ho delle righe di tabella a colori alternati, vorrei che cliccando sul radio mi cambiasse il colore di sfondo della cella (e funziona). Poi cliccando sull'altro radio viceversa. Senza la funzione disablecolor() il colore arandio (ff6600) rimane anche sulla cella non selezionata. Con la funzione la cella non riprende il suo colore originale, ma diventa bianca.

Come si fa? :master:

[mirkoagrati]

Se ti ho capito:

function disablecolor() {
andata1.style.backgroundColor='#ff6600';
andata2.style.backgroundColor='#ff6600';
}

.....


<tr class="even">
<td id="andata1"><input type="radio" value="1" name="andata" onclick="disablecolor();"></td>
</tr>
<tr class="odd">
<td id="andata2"><input type="radio" value="1" name="andata" onclick="disablecolor();"></td>
</tr>

Ciao

[nabozzz]

grazie per l'aiuto, ma non è così che intendevo.

Quando clicco su un radio deve cambiare colore SOLO la cella del radio e quando clicco l'altro radio, il precedente deve tornare allo stato di partenza e la cella di questo colorarsi.

[mirkoagrati]

Dunque:

var startColor = 'white';
var clickedColor = 'orange';

function manageColor(choosed,tochange) {
choosed.style.backgroundColor=clickedColor;
document.getElementById(tochange).style.background Color=startColor;
}


<tr class="even">
<td id="andata1"><input type="radio" value="1" name="andata" onclick="manageColor(this,'andata2');"></td>
</tr>
<tr class="odd">
<td id="andata2"><input type="radio" value="1" name="andata" onclick="manageColor(this,'andata1');"></td>
</tr>

Sono andato un po' di fretta, ma dovrebbe funzionare.
Ciao