Invio form in base a campo radio

**fabiodj** · 04-07-2013, 12:19

Ragazzi sto realizzando un form e vorrei che lo stesso venisse reindirizzato ad una determinata pagina in base al campo radio quando clicco sul bottone;mi sembra corretto e sono due giorni che ci sbatto sopra..... un aiuto per favore.

codice:

function radioChecked() { 

  var rr = document.pagamento.accredito;
  for(var i=0; i<rr.length; i++) {
    if(rr[i].checked) {
      valore = rr[i].value;  
      if (valore = 'bonifico')
      document.pagamento.action = "checkout.asp";
     document.pagamento.submit();
      else 
          document.pagamento.action = "paypal.asp";
     document.pagamento.submit();  
      }
  }
} 
</script>


form name=pagamento method=post 
<input type=radio name=accredito value=bonifico>
<input type=radio name=accredito value=carta>
 <input type="image"  src="PAGAMENTO_files/pecRenewProsegui.png" onclick="radioChecked()">

**Vindav** · 04-07-2013, 12:30

http://www.html.it/pag/15220/operatori/

**fabiodj** · 04-07-2013, 12:41

Ho corretto mettendo valore == 'bonifico' ma non mi invia lo stesso il modulo potresti correggermi lo script magari è una cazzata ma non capisco cosa gli manchi; volevo poi aggiungergli anche la condizione in cui uno clicca senza spulciare nessun campo ma non capisco come metterla

codice:


  if(!rr[i].checked) 
  { alert("effettuare una scelta!"); 
  document.pagamento.accredito.focus(); 
  return false; }

**carlomarx** · 04-07-2013, 12:58

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento HTML</title>
<script type="text/javascript">
function radioChecked() {
	for (var aPayments = document.pagamento.accredito, nLen = aPayments.length, nIdx = 0; nIdx < nLen; nIdx++) {
		if (aPayments[nIdx].checked) {
			document.pagamento.action = aPayments[nIdx].value === "bonifico" ? "checkout.asp" : "paypal.asp";
			document.pagamento.submit();
			return;
		}
	}
}
</script>
</head>
 
<body>

<form method="post" name="pagamento">
	


		<input name="accredito" type="radio" value="bonifico" id="bonifico-rd" />
		<label for="bonifico-rd">Bonifico</label>

		<input name="accredito" type="radio" value="carta" id="carta-rd" />
		<label for="carta-rd">Carta di credito</label>
	</p>
	

[img]PAGAMENTO_files/pecRenewProsegui.png[/img]</p>
</form>



</body>
</html>

**fabiodj** · 04-07-2013, 13:06

Grande con l'espressione ternaria mi hai risolto il problema
Ho aggiunto il caso in cui non sia spulciato nulla però se clicco sul secondo radio mi da sempre l'alert perché ?

codice:

function radioChecked() {
	for (var aPayments = document.pagamento.accredito, nLen = aPayments.length, nIdx = 0; nIdx < nLen; nIdx++) 
	{
		if (aPayments[nIdx].checked) {
			document.pagamento.action = aPayments[nIdx].value === "bonifico" ? "checkout.asp" : "paypal.asp";
			document.pagamento.submit();
			return;
		}    else 
	
{ if (!aPayments[nIdx].checked)
  alert("fare una scelta!"); 
  document.pagamento.accredito.focus(); 
  return false; 
} 
	}	
	
}

**Vindav** · 04-07-2013, 13:42

codice:

function radioChecked() {
	for (var aPayments = document.pagamento.accredito, nLen = aPayments.length, nIdx = 0; nIdx < nLen; nIdx++) {
		if (aPayments[nIdx].checked) {
			document.pagamento.action = aPayments[nIdx].value === "bonifico" ? "checkout.asp" : "paypal.asp";
			document.pagamento.submit();
			return;
		}
	}

alert("fare una scelta!"); 
}

https://developer.mozilla.org/en-US/...ents/if...else

**fabiodj** · 04-07-2013, 13:53

Grazie mille sia a CARLOMARX che a VINDAV ....

**Vindav** · 04-07-2013, 14:04

di nulla

Discussione: Invio form in base a campo radio

Strumenti discussione

Ricerca discussione

Visualizza

Invio form in base a campo radio

Permessi di invio