form e testo dinamico

[steveml]

Sicuramente sto toccando un argomento trito e ritrito...

ho una form
con due input radio

<input type="radio" name="rr1" value="val_a">
<input type="radio" name="rr2" value="val_b">

Vorrei che quando uno seleziona rr1 una parte di testo della pagina cambiasse (senza reload) e se uno selezionasse rr2 tutto ristornasse come prima.


Grazie mille!!!

[Mich_]

Anzitutto i due radio devono avere lo stesso nome (altrimenti sarebbe piu` corretto usare dei checkbox, ma non mi pare la tua richiesta).

Puoi cambiare completamente un div della pagina tramite innerHTML (non per browser vecchi).

Supponendo di avere i due testi dentro due variabili JS (definite in testa alla pagina):

var testo1 = "primo testo con parte in neretto";
var testo2 = "altro testo con parte in corsivo";


Puoi fare cosi`:
<input type="radio" name="rr" value="val_a" onclick="document.getElementById('ID_DEL_DIV').inn erHTML=testo1;">
<input type="radio" name="rr" value="val_b" onclick="document.getElementById('ID_DEL_DIV').inn erHTML=testo2;">