Radio Button

Nielevas · 23 Nov 2014

Salve a tutti , ho una pagina in cui sono presenti 3 Radio Button : Messaggio,Richiesta,Modifica.
Ogni selezione ha una form di inserimento dati diversa, di default viene selezionato il Radio Button MEssaggio e mostra la form in cui si pùò inserire un messaggio , mentre se schiaccio Richiesta o Modifica dovrebbe cambiarmi solo la form e caricare quella di Richiesta o Modifica.
Io sono bloccato qui perchè non so come cambiare dinamicamente la form senza aggiornare la pagina, pensavo ad uno script ma non so se è la via giusta

Ringrazio anticipatamente chiunque voglia aiutarmi, cordiali saluti!

Altutto · 23 Nov 2014

Ciao,
Potresti usare javascript:

HTML:

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Test</title>
  <script>
function mostra(quale){
document.getElementById('form_messaggio').style.display='none';
document.getElementById('form_modifica').style.display='none';
document.getElementById('form_richiesta').style.display='none';
document.getElementById(quale).style.display=''; //mostro solo quello richiesto
}
</script>
</head>
<body>
<button id="bottone_messaggio" onclick="mostra('form_messaggio')">Messaggio</button>
<button id="bottone_modifica" onclick="mostra('form_modifica')">Modifica</button>
<button id="richiesta" onclick="mostra('form_richiesta')">Richiesta</button>
<div id="form_messaggio" style="display:none;">[form messaggio]</div>
<div id="form_modifica" style="display:none;">[form modifica]</div>
<div id="form_richiesta" style="display:none;">[form richiesta]</div>
</body>

Cerca

Cerca

Radio Button

Nielevas

Nuovo Utente

Altutto

Utente Attivo

Discussioni simili