checkbox che fa cambiare la class ad un font

[GS 7.0]

Ho una serie di div.... Vorrei che, selezionando una checkbox, questi faccia cambiare la classe del font...

A video si vede così:

Codice:

<div style="width:100%; height:20px; clear:both">

<div style="width:50%; padding-top:1px; float:left; text-align:right"><font class="c10">In che zona cerchi:</font></div>

<div style="width:30%; float:left"><font id="area_cerco" class="b10">in regione</font></div>

<div style="width:5%; float:left"><input onselect="document.getElementById('area_cerco').font.class='c10'" type="checkbox" name="area_cerco_esc" value="1"></div>
<div style="width:15%; float:left"><font class="c10">ignora</font></div>
</div>

però non funge.. Dove sbaglio?

[cavicchiandrea]

Praticamente in tutto leggi qui

[GS 7.0]

Non che la cosa mi abbia chiarito le idee... anzi...

Non era più semplice aiutare nello specifico?

[Xinod]

<input onchange="document.getElementById('area_cerco').cl assName=(this.checked)?'c10':'b10'" type="checkbox" name="area_cerco_esc" value="1">

[GS 7.0]

Ho provato come hai detto ma senza risultati...

<div style="width:100%; height:20px; clear:both">
<div style="width:50%; padding-top:1px; float:left; text-align:right"><font class="c10">Tipo di incontro:</font></div>

<div style="width:30%; float:left"><font id="incontro_cerco" class="b10">
Amicizia</font></div>
<input type="hidden" name ="incontro_cerco" value="amicizia">
<div style="width:5%; float:left"><input onselect="document.getElementById('incontro_cerco').className=(this.checked)?'c10':'b10'" type="checkbox" name="incontro_cerco_esc" value="1"></div>
<div style="width:15%; padding-top:1px; float:left"><font class="c10">ignora</font></div>
</div>

[Xinod]

sicuramente onselect non e' il gestore evento adatto, usa onclick

[GS 7.0]

Funzia XD

Grazie