radio e form

**pablomare** · 21-07-2006, 16:08

Ho una form con due radio.

Se seleziono il primo vado alla pagina x
Se seleziono il secondo vado alla pagina y

<script language="javascript">

function selCheck(num){

switch(num){
case 1:

document.form1.action="paginaX.asp";
break;

case 2:

document.form1.action="paginaY.asp";
break;
}

document.form1.submit();
}
</script>
[/code]

e nei radio:

codice:

<input type="radio" name="payart" value="carta" onClick="selCheck(1);">
<input type="radio" name="payart" value="carta" onClick="selCheck(2);">

Però nella action del form cosa devo inserire?

La domanda nasce dal fatto che appena seleziono un radio parte la pagina x o y.

IO invece vorrei che ciò avvenisse cliccando su "invia".

<form action="???????" method="post" name="form1" id="form1" onsubmit="return send(this)">

Il onsubmit="return send(this)" fa il controllo su i campi della form.

**cavicchiandrea** · 21-07-2006, 20:34

Originariamente inviato da pablomare
Ho una form con due radio.

Se seleziono il primo vado alla pagina x
Se seleziono il secondo vado alla pagina y

<script language="javascript">

function selCheck(num){

switch(num){
case 1:

document.form1.action="paginaX.asp";
break;

case 2:

document.form1.action="paginaY.asp";
break;
}

document.form1.submit();
}
</script>
[/code]

e nei radio:

codice:

<input type="radio" name="payart" value="carta" onClick="selCheck(1);">
<input type="radio" name="payart" value="carta" onClick="selCheck(2);">

Però nella action del form cosa devo inserire?

La domanda nasce dal fatto che appena seleziono un radio parte la pagina x o y.

IO invece vorrei che ciò avvenisse cliccando su "invia".

<form action="???????" method="post" name="form1" id="form1" onsubmit="return send(this)">

Il onsubmit="return send(this)" fa il controllo su i campi della form.

questo esempio invia a due pagine diverse imbase alla selezione eseguita sui radio.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript">
function Invia(modulo){
if(!modulo.elements('radiobutton')[0].checked && !modulo.elements('radiobutton')[1].checked){
alert("Seleziona una opzione");
return false;
}else if(modulo.elements('radiobutton')[0].checked){
document.form1.action="paginax.asp";
document.form.submit();
}else if(modulo.elements('radiobutton')[1].checked){
document.form1.action="paginay.asp";
document.form.submit();
}
}
</script>
</head>

<body>
<form name="form1" method="post" action="" onSubmit="return Invia(this)">
  <input name="radiobutton" type="radio" value="1" id="radiobutton">
  1
  <input name="radiobutton" type="radio" value="2" id="radiobutton"> 
  2
  <input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

**pablomare** · 25-07-2006, 14:44

Grazie, funziona benissimo

**Rosco** · 26-07-2006, 02:09

E se ci fossero 3 radio cosa dovrei cambiare??

Per logica ho cambiato qualche cosa ma non va...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript">
function Invia(modulo)
{
if(!modulo.elements('radiobutton')[0].checked &&!modulo.elements('radiobutton')[1].checked) &&!modulo.elements('radiobutton')[2].checked){ alert("Seleziona una opzione");
return false;
}
else if
(modulo.elements('radiobutton')[0].checked){
document.form1.action="registrati1.html";
document.form.submit();
}
else if(modulo.elements('radiobutton')[1].checked){
document.form1.action="registrati2.htm";
document.form.submit();
}
else if(modulo.elements('radiobutton')[2].checked){
document.form1.action="registrati3.htm";
document.form.submit();
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="return Invia(this)">
<input name="radiobutton" type="radio" value="1" id="radiobutton"> 1
<input name="radiobutton" type="radio" value="2" id="radiobutton"> 2
<input name="radiobutton" type="radio" value="3" id="radiobutton"> 3
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

Grazie mille..

**Rosco** · 26-07-2006, 16:32

Nessuno riesce a darmi un cosiglio??

**cavicchiandrea** · 26-07-2006, 17:48

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript">
function Invia(modulo)
{
if(!modulo.elements('radiobutton')[0].checked &&!modulo.elements('radiobutton')[1].checked &&!modulo.elements('radiobutton')[2].checked){ 
alert("Seleziona una opzione");
return false;
}
else if(modulo.elements('radiobutton')[0].checked){
document.form1.action="registrati1.html";
document.form.submit();
}
else if(modulo.elements('radiobutton')[1].checked){
document.form1.action="registrati2.htm";
document.form.submit();
}
else if(modulo.elements('radiobutton')[2].checked){
document.form1.action="registrati3.htm";
document.form.submit();
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="return Invia(this)">
<input name="radiobutton" type="radio" value="1" id="radiobutton"> 1
<input name="radiobutton" type="radio" value="2" id="radiobutton"> 2
<input name="radiobutton" type="radio" value="3" id="radiobutton"> 3
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

Cosi funziona c'era una parentesi tonda in + nel primo controllo. (quella dove verifica una selezione)
Regola credo importantissima quando si aggiunge o modifica uno script bisogna sempre verificare attentamente il codice, e qualora non si riesca a risalire all'errore riportare sempre l'errore segnalato (sintassi non corretta, oggetto non valorizzatto, ecc...) che restiusci il browser.

**Rosco** · 26-07-2006, 18:46

Hai ragione gra zie mille....

Discussione: radio e form

Strumenti discussione

Ricerca discussione

Visualizza

radio e form

Re: radio e form

Permessi di invio