Cmbiare i colori alla Riga della tabella

[Luca_Merlo]

Devo cambiare il colore di sfondo delle righe di una tabella come clikko sullo checkbox presente nella prima colonna


<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FF0000">
<td><input type="checkbox" name="checkbox" value="checkbox"></td>
<td>Testo</td>
<td>Testo</td>
<td>Testo</td>
<td>Testo</td>
</tr>
</table>

credo di dover utilizzare l'evento onClick ma non so come intercettare la propietà bgcolor. si può fare????

[Mich_]

Dovresti prima trasformare la tua pagina con l'uso dei CSS.

Tra l'altro alcuni degli attributi usati non sono supportati (non lo sono mai stati dal W3C), per cui quella pagina non e` valida in gnerale.

<style type="text/css">
.tab {width:100px; }
.riga { background-color:#FF0000; }
td { background-color:inherit; padding:0; margin:0; border:0; width:25%; }

<table class="tab">
<tr id="riga1" class="riga">
<td><input type="checkbox" name="checkbox1" value="checkbox" onclick="document.getElementById('riga1').style.ba ckgroundColor='00ffff';"></td>
<td>Testo</td>
<td>Testo</td>
<td>Testo</td>
<td>Testo</td>
</tr>
</table>

SCRIPT:

[Luca_Merlo]

x la peppa funziona
Mi vado a comprare il libro di javascript.
Cosa mi consigli???

[Luca_Merlo]

Come posso far ripassare il colore nel colore originale.
intercettando il vlue della ceckbox ho sempre lo stesso valore undifined

<style type="text/css">
.tab {width:100px; }
.riga { background-color:#cccccc; }
td { background-color:inherit; padding:0; margin:0; border:0; width:25%; }
</style>

<script>
function cambia_colore(){
alert(document.mod.checkbox1.value)
if (document.mod.checkbox1.value=="on")
{
document.getElementById('riga1').style.backgroundC olor='cccccc';
}
{
document.getElementById('riga1').style.backgroundC olor='00ffff';
}

}
</script>
<form name=mod>
<table class="tab">
<tr id="riga1" class="riga">
<td><input type="checkbox" value = on name=checkbox1 onclick="cambia_colore();"></td>
<td><input type="checkbox" name=checkbox1 onclick="cambia_colore();"></td>
<td>Testo</td>
<td>Testo</td>
<td>Testo</td>
</tr>
</table>
</form>


Dovè l'errore????

[Mich_]

Ma il bottone non era un checkbox? Non puoi testarne il value per verificare se e` checkato. Inoltre manca l'else nell'if

function cambia_colore(){
  //alert(document.mod.checkbox1.value)
  if (document.mod.checkbox1.checked) {
    document.getElementById('riga1').style.backgroundColor='cccccc';
  } else {
    document.getElementById('riga1').style.backgroundColor='00ffff';
  } 
}