controlli su radiobutton

**max1975_na** · 05-07-2007, 17:49

Salve a tutti..
una domanda forse un po banale; esiste la possibilita di creare un opzione sul controllo dei radiobutto??
mi spiego meglio:
questa e la mia pagina con dei semplici bottoni da selezionare; vorrei che in base ad una scelta mi obbligasse a selezionare o meno una seguente..
cioè se il radiobutton item[0] valore 3 o 4 è selezionato devo obbligatoriamente selezionare anche
item[5] valore 1 o 2
attualmente faccio un controllo sul ceckbox del contratto e funziona perfettamete.. in pratica mi servirebbe un qualcosa tipo if end if

codice:

<html>

	<head>
		<script type="text/javascript" language="JavaScript1.2">
		function resetta()
{
window.document.frmPreventivo.reset()
}

function check()
{
	
	if (frmPreventivo.contratto.checked == "")
		{alert ("E' necessario autorizzare le condizioni contrattuali") ; return false}

return true;		
	}
	</script>
		<link href="stile.css" type="text/css" rel="stylesheet">
	</head>

	<body bgcolor="#ffffff">
		<table height="191" cellspacing="0" cellpadding="0" width="313" border="0" class="testo">
			<form name="frmPreventivo" action="configurato.asp" method="post">
				<tbody>
					<tr height="79">
						<td valign="top" width="313" height="79">
							<table cellspacing="2" cellpadding="2" width="299" border="0">
								<tbody>
									<tr height="14">
										<td class="H1" bgcolor="#5791c6" width="291" height="14"><input class="noinput" type="radio" value="1" name="item[0]" checked> Solo dominio</td>
									</tr>
									<tr height="14">
										<td class="H1" bgcolor="#5791c6" width="291" height="14"><input class="noinput" type="radio" value="3" name="item[0]"> Silver Plan</td>
									</tr>
									<tr height="14">
										<td class="H1" bgcolor="#5791c6" width="291" height="14"><input class="noinput" type="radio" value="4" name="item[0]"> Golden Plain</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr height="58">
						<td valign="top" width="313" height="58">
							<table cellspacing="2" cellpadding="2" width="299" border="0">
								<tbody>
									<tr>
										<td class="H1" bgcolor="#5791c6" width="291"><input class="noinput" type="radio" value="2" name="item[5]"> Supporto Linux</td>
									</tr>
									<tr>
										<td class="H1" bgcolor="#5791c6" width="291"><input class="noinput" type="radio" value="1" name="item[5]"> SupportoWindows</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr height="20">
						<td valign="middle" width="313" height="20"><input type="checkbox" name="contratto" value="autorizzata">Condizioni contrattuali</td>
					</tr>
					<tr height="30">
						<td valign="middle" width="313" height="30">
							<div align="center">
								<input onclick="javascript:return check();" type="image" value=Invia name=B1 src="images/invia.gif" tabindex="10"> [img]images/reset.gif[/img]</div>
						</td>
					</tr>
				</tbody>
			</form>
		</table>
		

</p>
	</body>

</html>

spero di essermi spiegato e che possiate AIUTARMI

**cavicchiandrea** · 06-07-2007, 01:51

cosi fai quanto richiesto:

codice:

function check()
{
var opz1 = document.frmPreventivo.elements['item[0]']
var opz2 = document.frmPreventivo.elements['item[5]']
if(opz1[1].checked && !opz2[0].checked && !opz2[1].checked){alert("ATTENZIONE\nSelezionare il supporto"); return false;}else
if(opz1[2].checked && !opz2[0].checked && !opz2[1].checked){alert("ATTENZIONE\nSelezionare il supporto"); return false;}else
if(opz1[0].checked && opz2[0].checked || opz2[1].checked){alert("ATTENZIONE\nSelezionare il piano"); return false;}else
	if (!document.frmPreventivo.contratto.checked)
		{alert ("E' necessario autorizzare le condizioni contrattuali") ; return false}
	}

**max1975_na** · 06-07-2007, 11:16

Sei un mago...
grazie 1000!

**max1975_na** · 09-07-2007, 20:40

ciao andrea...
ho applicato le tue modifiche ma per nn postare tutta la pagina non ho esposto bene il problema!
ho caricato on line la pagina in questione cosi da farti rendere conto delle varie opzioni di cui avrei bisogno
>>link<<

spero tu possa aiutarmi!
ps:
e possibile che selezionando i due piani di hosting che prevedono solo la piattaforma linux venga spuntato in automatico il check box della piattaforma linux!

Grazie!

**cavicchiandrea** · 09-07-2007, 21:57

cosi:

codice:

<html>

	<head>
		<script type="text/javascript" language="JavaScript1.2">
		function resetta()
{
window.document.frmPreventivo.reset()
document.frmPreventivo.elements['item[5]'][1].disabled = false;
}

function check()
{
var opz1 = document.frmPreventivo.elements['item[0]']
var opz2 = document.frmPreventivo.elements['item[5]']
if(opz1[2].checked && !opz2[0].checked && !opz2[1].checked){alert("ATTENZIONE\nSelezionare il supporto"); return false;}else
if(opz1[3].checked && !opz2[0].checked && !opz2[1].checked){alert("ATTENZIONE\nSelezionare il supporto"); return false;}else
if(opz1[0].checked && opz2[0].checked || opz2[1].checked){alert("ATTENZIONE\nSelezionare il piano"); return false;}else
	if (!document.frmPreventivo.contratto.checked)
		{alert ("E' necessario autorizzare le condizioni contrattuali") ; return false}
	}
	function ImpostaPiano(RadioValue){
	if(RadioValue == 2 || RadioValue == 5){
	document.frmPreventivo.elements['item[5]'][0].checked = true;
	document.frmPreventivo.elements['item[5]'][1].disabled = true;
	}else{
	document.frmPreventivo.elements['item[5]'][0].checked = false;
	document.frmPreventivo.elements['item[5]'][1].disabled = false;
	}
}
</script>
		<link href="stile.css" type="text/css" rel="stylesheet">
	</head>

	<body bgcolor="#ffffff">
		<table cellspacing="1" cellpadding="0" width="435" border="0" height="364">

			<form name="frmPreventivo" action="configurato.asp" method="post">
				<input type="hidden" value="1" name="frmAction"> <input type="hidden" value="<%=wdominio%>" name="Dominio"> <input type="hidden" value="<%=wext%>" name="ext"> <input type="hidden" value="<%=StrTipo_Operazione%>" name="tipo_operazione"><tbody>
					<tr height="26">
						<td width="433" height="26" class="H3">
							<div align="center">
								
													Registra il tuo dominio e configura il servizio

							</div>

						</td>
					</tr>
					<tr>
						<td valign="top" width="433">
							<div align="center">
								<table height="335" cellspacing="0" cellpadding="0" width="420" border="0" class="testo">
									<tbody>
										<tr height="167">
											<td valign="top" width="418" height="167">

												<table cellspacing="2" cellpadding="2" width="423" border="0">
													<tbody>
														<tr height="18">
															<td class="H1" colspan="3" bgcolor="#eeeeee" width="415" height="19"><font color="black">Dominio: www.<%=wdominio1%></font></td>
														</tr>
														<tr height="13">
															<td class="H1" colspan="3" bgcolor="#0d3f96" width="415" height="13">

																<div>
																	Tipologia Servizio </div>
															</td>
														</tr>
														<tr height="19">
															<td class="H1" bgcolor="#5791c6" width="242" height="19"><input class="noinput" type="radio" value="1" name="item[0]" checked> Solo dominio</td>
															<td class="H1" bgcolor="#eeeeee" width="34" height="19"></td>

															<td class="H5" valign="middle" bgcolor="#eeeeee" width="127" height="19">
																<div align="right">
																	<font color="black"> </font></div>
															</td>
														</tr>
														<tr height="14">
															<td class="H1" bgcolor="#5791c6" width="242" height="14"><input class="noinput" type="radio" value="2" name="item[0]" onclick="ImpostaPiano(this.value)"> Basic Plain</td>

															<td class="H1" bgcolor="#eeeeee" width="34" height="14">[img]images/icon_linux.gif[/img]</td>
															<td class="H5" valign="middle" bgcolor="#eeeeee" width="127" height="14">
																<div align="center">
																	Solo linux</div>
															</td>
														</tr>
														<tr height="14">
															<td class="H1" bgcolor="#5791c6" width="242" height="14"><input class="noinput" type="radio" value="3" name="item[0]" onclick="ImpostaPiano(this.value)"> Silver Plain</td>

															<td class="H1" bgcolor="#eeeeee" width="34" height="14">[img]images/icon_linux.gif[/img][img]images/icon_win.gif[/img]</td>
															<td class="H5" valign="middle" bgcolor="#eeeeee" width="127" height="14">
																<div align="center">
																	Linux e windows</div>
															</td>
														</tr>
														<tr height="14">
															<td class="H1" bgcolor="#5791c6" width="242" height="14"><input class="noinput" type="radio" value="4" name="item[0]" onclick="ImpostaPiano(this.value)"> Golden Plain</td>

															<td class="H1" bgcolor="#eeeeee" width="34" height="14">[img]images/icon_linux.gif[/img][img]images/icon_win.gif[/img]</td>
															<td class="H5" valign="middle" bgcolor="#eeeeee" width="127" height="14">
																<div align="center">
																	Linux e windows</div>
															</td>
														</tr>
														<tr height="14">
															<td class="H1" bgcolor="#5791c6" width="242" height="14"><input class="noinput" type="radio" value="5" name="item[0]" onclick="ImpostaPiano(this.value)"> Hosting XXL</td>

															<td class="H1" bgcolor="#eeeeee" width="34" height="14">[img]images/icon_linux.gif[/img]</td>
															<td class="H5" valign="middle" bgcolor="#eeeeee" width="127" height="14">
																<div align="center">
																	Solo linux</div>
															</td>
														</tr>
													</tbody>
												</table>

											</td>
										</tr>
										<tr height="73">
											<td valign="top" width="418" height="73">
												<table cellspacing="2" cellpadding="2" width="422" border="0">
													<tbody>
														<tr height="13">
															<td class="H1" colspan="2" bgcolor="#0d3f96" width="414" height="13">
																<div class="lista2p">

																	Piattaforma</div>
															</td>
														</tr>
														<tr>
															<td class="H1" bgcolor="#5791c6" width="282"><input class="noinput" type="radio" value="2" name="item[5]"> Supporto Linux</td>
															<td valign="bottom" bgcolor="#eeeeee" width="126">

																<div align="center">
																	[img]images/icon_linux.gif[/img]</div>
															</td>
														</tr>
														<tr>
															<td class="H1" bgcolor="#5791c6" width="282"><input class="noinput" type="radio" value="1" name="item[5]"> SupportoWindows</td>
															<td valign="bottom" bgcolor="#eeeeee" width="126">

																<div align="center">
																	[img]images/icon_win.gif[/img]</div>
															</td>
														</tr>
													</tbody>
												</table>
											</td>
										</tr>
										<tr height="45">

											<td valign="top" width="418" height="45">
												<table cellspacing="2" cellpadding="2" width="422" border="0">
													<tbody>
														<tr height="13">
															<td class="H1" colspan="2" bgcolor="#0d3f96" width="414" height="13">
																<div class="lista2p">
																	Servizi aggiuntivi</div>
															</td>

														</tr>
														<tr>
															<td class="H1" bgcolor="#5791c6" width="281"><input class="noinput" type="radio" value="1" name="item[3]"> BakeUp mensile</td>
															<td class="H1" valign="bottom" bgcolor="#eeeeee" width="127">
																<div align="right">
																	<font color="black">60,00 € / anno </font></div>

															</td>
														</tr>
													</tbody>
												</table>
											</td>
										</tr>
										<tr height="20">
											<td valign="middle" width="418" height="20"><input type="checkbox" name="contratto" value="autorizzata">Condizioni contrattuali</td>

										</tr>
										<tr height="30">
											<td valign="middle" width="418" height="30">
												<div align="center">
													<input onclick="javascript:return check();" type="image" value=Invia name=B1 src="images/invia.gif" tabindex="10"> [img]images/reset.gif[/img]</div>
											</td>
										</tr>
									</tbody>

								</table>
							</div>
						</td>
					</tr>
				</tbody>
			</form>
		</table>
		

</p>
	</body>

</html>

**max1975_na** · 10-07-2007, 11:39

Ciao Andrea..
Grazie per la tua pazienza...

Ho caricato le tue modifiche e fatto delle correzioni altrimenti non andava:
questa stringa mi dava errore di java script:
<input onclick="java-script:return check();" type="image" value=.....
e la ho modificata così:
<input onclick="return check();" type="image" value=....

questa invece non mi permetteva di selezionare il supporto windows quando sceglievo i pacchetti Silver plain e Golden Plain che avevano l'opzione dei 2 supporti... quindi ho eliminato questa stringa:

if(opz1[0].checked && opz2[0].checked || opz2[1].checked){alert("ATTENZIONE\nSelezionare il piano"); return false;}else

la ho caricata in rete se ti va di vedere l'effetto finale:
>>link<<

PS: ti ho inviato una mail sulla tua casella di posta !
a dopo

**cavicchiandrea** · 10-07-2007, 11:50

Per il primo problema e il forum che spezza la parola javascript in java-script facendo un quote del messaggio risolvi.
Il secondo problema mah... l'avevo provata prima di postare mi saro sbagliato, l'importante è aver risolto.

P.S. Ok per la mail.

Discussione: controlli su radiobutton

Strumenti discussione

Ricerca discussione

Visualizza

controlli su radiobutton

Permessi di invio