UNIDAD JSCRIPT 2: INSTRUCCIONES DE CONTROL DE PROGRAMA

TEMA JSCRIPT 11: COMPONENTE RADIOBUTTON

Se utiliza para presentar al usuario un conjunto de opciones mutuamente excluyentes entre si es decir si el usuario selecciona un componente radio todos los demás componentes radioButton en la forma, se deseleccionan solos es por esta razón que decimos que radiobotones son mutuamente excluyentes.

Codigo prog10.html

<html>
<form action=http://programacionfacil.com:4080/tusitio/prog10.asp method=post>
sexo:<br>
<input type=radio name=sexo value=masculino checked>masculino<br>
<input type=radio name=sexo value=femenino>femenino<br>
<input type=radio name=sexo value=neutro>neutro<br>
carrera:<br>
<input type=radio name=carrera value=sisTEMA JSCRIPTs checked>sisTEMA JSCRIPTs<br>
<input type=radio name=carrera value=informatica>informatica<br>
<input type=radio name=carrera value=medicina>medicina<br>
<input type=submit value=ok>
</form></html>

1.- Observar que tenemos dos grupos de radiobotones uno con NAME=SEXO y otro con NAME=carrera sin embargo cada radiobuton tiene su propio valor o VALUE.

2.- Recordar que en checkbox la propiedad NAME debe ser distinta para cada uno de ellos.

3.- La razón principal para esta situación es que los radiobotones son mutuamente excluyentes entre si Y QUE SOLO UNO PUEDE ESTAR ENCENDIDO A LA VEZ por eso los agrupamos con la propiedad NAME para que html los pueda considerar como dos o mas grupos diferentes.

4.- Tambien tienen la propiedad checked para que aparezcan seleccionados al cargar el programa prog10.html

5.- A diferencia del checkbox, html va a regresar solamente el par NAME=VALUE de el radiobuton que este seleccionado esto lo hace por cada grupo de radiobotones que tengamos en la forma html

Codigo prog10.asp

<% @LANGUAGE = JScript %>
<HTML>
<H1>JSCRIPT</H1>
<%
var valorsexo = Request.Form("sexo");
var valorcarrera = Request.Form("carrera");
Response.Write("sexo="+valorsexo+"<br>");
Response.Write("carrera="+valorcarrera);
%>
</HTML>

nota: recordar que html regresa el par NAME=VALUE asi que es bastante sencillo tomar el valor del radiobuton seleccionado y ya cargado este valor realizar o programar el proceso correspondiente.

Si en la forma html tenemos mas grupos de radiobotones solo agregar mas request→form es decir usar un request→form por cada NAME.

Corrida prog10.html:

image149.jpg

corrida prog10.asp

image209.jpg

TAREAS PROGRAMACION JSCRIPT

1.- CONSTRUIR UN CUESTIONARIO DE 6 PREGUNTAS SOBRE LOS HÁBITOS DE ESTUDIO DE UN ESTUDIANTE Y PASAR SUS RESPUESTAS A UNA PAGINA NUEVA.

2.- EVALUAR UNA FUNCION CUALESQUIERA, LA PAGINA HTML TIENE NAME = X

Y VALUE= 3, -5, 10

Politica de Privacidad