UNIDAD JSCRIPT 2: INSTRUCCIONES DE CONTROL DE PROGRAMA

TEMA JSCRIPT 10: CONTROL CHECKBOX

El componente CheckBox, permite seleccionar una opción al usuario del programa o tomar una decisión directamente en pantalla.

Ejemplos de uso:

image145.jpg

Observar que dos o mas checkboxs pueden estar seleccionados a la vez.

Codigo html:

<html>
<form action=http://programacionfacil.com:4080/tusitio/prog9.asp method=post>
<b>sexo:</b><br>
<input type=checkbox name=m checked>masculino<br>
<input type=checkbox name=f >femenino<br>
<input type=checkbox name=n checked>neutro<br>
<input type=submit value=ok>
</form>
</html>

Notas:

1.- grabarlo y subirlo como prog9.html a tusitio en programacionfacil.com

2.- La propiedad name debera ser diferente en cada checkbox usado la propiedad checked se usa para que aparezca ya palomeado o seleccionado el control.

3.- Cuando se activa prog9.asp, esta forma manda el par NAME=ON solo de los checkbox que fuerón seleccionados.

Corrida del html:

image146.jpg

Para programar este componente:

  1. Como ya se indico, esta forma va a mandar el par NAME=ON asi que es sencillo en jscript, solo recordar usar un if por cada checkbox.

Codigo prog9.asp

<% @LANGUAGE = JScript %>
<HTML>
<H1>JSCRIPT</H1>
<%
// declarando y cargando
var m= Request.Form("m");
var f= Request.Form("f");
var n= Request.Form("n");
if(m == "on")
{Response.Write("masculino checado"+"<br>");};
if(f == "on")
{Response.Write("femenino checado"+"<br>");};
if(n == "on")
{Response.Write("neutro checado"+"<br>");};
%>
</HTML>

notas:Muy sencillo el codigo jscript de validación y no olvidar subirlo a tu sitio.

Corrida prog9.asp

image208.jpg

En cuanto al programa no hay nada nuevo a enseñar solo recordar que cuando hay muchos checkbox's van a tener que usar muchos if's.

TAREAS PROGRAMACION JSCRIPT

1.- Evaluar la función image148.jpgpara x = 2,-5, 8 (usar un CheckBox por cada valor de x, y programar cada el if de cada CheckBox con la operación correspondiente y el despliegue del resultado).

2.- Construir un pagina html con los datos de un automóvil y una segunda pagina muestra un plan de financiamiento a dos años y una tercera pagina muestra un plan de financiamiento a tres años. ( son dos checkbox en la pagina.html mas un monton de botones de texto, para pasar los datos al asp y un botón de ok).

3.- Construir un programa de seleccion de menús, las opciones seran algunos de los programas ya hechos.

Politica de Privacidad