Radio buttons dependientes

javihb · #1 (**permalink**) 08/05/2006, 10:00

Buenas...vereis estoy haciendo un formulario para la contratación de unos servicios que se pueden alquilar o por 6 meses o por 1 año, hasta ahora lo que tengo es el siguiente código:

Código:

<form action="tienda00.asp" method="post"  name="presupuesto">
<input type="hidden" name="Paso" value="1">
<div id="info00">
<div class="info00sup"></div>
<div class="info00a">
<label for="nombre">1-Seleccione el periodo de contrataci&oacute;n*:</label>
<br>
<input style="margin-left:25px" TYPE="radio" NAME="periodocontra" id="r1" VALUE="360">60 € x 6 meses=360 €
<br>
<input style="margin-left:25px" TYPE="radio" NAME="periodocontra" id="r2" VALUE="720">60 € x 12 meses=720 €
</div>
<div class="info00a">
<label for="nombre">2-Seleccione la capacidad en disco contratada para*:</label>
<br><br>
<label for="tiempo">6 MESES:</label>
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r3" VALUE="30">250 MB (aprox. 7.000 registros)=30 €/6 meses
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r4" VALUE="40">500 MB (aprox. 20.000 registros)=40 €/6 meses
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r5" VALUE="60">1 GB (aprox. 85.000 registros)=60 €/6 meses
<br>
<label for="tiempo">1 AÑO:</label>
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r3" VALUE="60">250 MB (aprox. 7.000 registros)=60 €/a&ntilde;o
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r4" VALUE="80">500 MB (aprox. 20.000 registros)=80 €/a&ntilde;o
<br>
<input style="margin-left:25px" TYPE="radio" NAME="capacidadcontra" id="r5" VALUE="120">1 GB (aprox. 85.000 registros)=120 €/a&ntilde;o
</div>		
<div class="formder01">
<input type="submit" name="comprar" value="Contratar" onclick="valbutton(presupuesto);return false;" id="Submit" class="input90" />
<!--<input type="reset" name="limpiar" value="Limpiar" class="input50" />-->
</div>			
<div class="info00a">El IVA del 16% no está incluido en los precios.
</div>			
<div class="info00inf"></div>
</div>
<br />
<div class="bloque00">Los campos marcados con * son obligatorios.</div>	
</form>

esto me muestra la 2 opciones que hay pero me gustaria que dependiendo de lo que marque el los 2 primeros radio button, o 6 meses o 1 año, me saliera o las opciones para 6 meses o para 1 año....no se si me explico....bueno si alguien me puede echar una mano.
Gracias

u_goldman · #2 (**permalink**) 08/05/2006, 10:25

Lo que necesitas se puede hacer mediante dos métodos:

1. Javascript, pero necesitarás crear todos las posibles combinaciones al momento de cargar tu ASP, si quieres ir por esta vía el funcionamiento es muy similar a los combos dependientes de los que tanto se ha hablado en este foro.

2. AJAX dinámicamente consultarás tu base de datos al momento de hacer click en tus radios y solo refrescarás la parte que corresponde a los combos, esta sería la opción sugerida, hay un foro de esta técnica, puedes preguntar allá.

Saludos

javihb · #3 (**permalink**) 08/05/2006, 10:38

Gracias u_goldman, tendré que hacerlo con javascript pero me podrias indicar algun ejemplo para guiarme que asi a palo seco se me hace muy dificil

u_goldman · #4 (**permalink**) 08/05/2006, 10:59

Hola javihb, puedes ver las FAQs ahí hay un ejemplo de listas dependientes, el principio sería el mismo nada más que respondería a un radio en lugar a de una lista, se trata de generar arreglos de javascript mediante ASP, la verdad yo no te sugeriría ir por esta vía, creo que deberías tratar mejor la opción de AJAX.

Saludos

javihb · #5 (**permalink**) 09/05/2006, 02:50

Bueno ....pues conseguí solucionar lo de los radio buttons dependientes.......hay os pongo el código

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function valbutton(thisform) {
// place any other field validations that you require here
// validate myradiobuttons
myOption = -1;
for (i=thisform.gr1.length-1; i > -1; i--) {
if (thisform.gr1[i].checked) {
myOption = i;
}
}
if (myOption == -1) {
alert("Debes seleccionar alguna opción");
return false;
}
// place any other field validations that you require here
thisform.submit(); // this line submits the form after validation
}
function Disab (val) {
if(val=="1") 
{
form1.gr11[0].disabled=false;
form1.gr11[1].disabled=false;
form1.gr11[2].disabled=false;
form1.gr12[0].disabled=true;form1.gr12[0].checked=false;
form1.gr12[1].disabled=true;form1.gr12[1].checked=false;
form1.gr12[2].disabled=true;form1.gr12[2].checked=false
}
if(val=="2") 
{
form1.gr11[0].disabled=true;form1.gr11[0].checked=false;
form1.gr11[1].disabled=true;form1.gr11[1].checked=false;
form1.gr11[2].disabled=true;form1.gr11[2].checked=false;
form1.gr12[0].disabled=false;
form1.gr12[1].disabled=false;
form1.gr12[2].disabled=false}
}
//-->
</script>
</head>
<body>
<label for="nombre">1-Seleccione el periodo de contrataci&oacute;n*:</label>
<br>
<form action="testcorreo2.asp" method="post"  name="form1">
<input style="margin-left:25px" TYPE="radio" NAME="gr1"  VALUE="360" onClick="Disab (1)" >60 € x 6 meses=360 €
<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr1"  VALUE="720" onClick="Disab (2)">60 € x 12 meses=720 €
<br />
<label for="nombre">2-Seleccione la capacidad en disco contratada*:</label>
<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr11" VALUE="60" disabled>
250 MB (aprox. 7.000 registros)=30 €/6 meses <br>
<input style="margin-left:25px" TYPE="radio" NAME="gr11" VALUE="80" disabled>
500 MB (aprox. 20.000 registros)=40 €/6 meses<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr11" VALUE="120" disabled>
1 GB (aprox. 85.000 registros)=60 €/6 meses<br>	


<label for="nombre">2-Seleccione la capacidad en disco contratada*:</label>
<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr12"  VALUE="60" disabled>
250 MB (aprox. 7.000 registros)=60 €/a&ntilde;o<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr12"  VALUE="80" disabled>
500 MB (aprox. 20.000 registros)=80 €/a&ntilde;o<br>
<input style="margin-left:25px" TYPE="radio" NAME="gr12"  VALUE="120" disabled>
1 GB (aprox. 85.000 registros)=120 €/a&ntilde;o<br>
<br>
<input type="submit" name="comprar" onclick="valbutton(form1);return false;"   value="Siguiente" id="Submit" class="input90" />
</form>		
</body>
</html>

venga a pasarlo bien......