UNIDAD 2: JAVASCRIPT CONTROL DE PROGRAMA

TEMA 10: COMPONENTE CHECKBOX JAVASCRIPT

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 javascript, solo recordar usar un if por cada checkbox.

Codigo prog9.asp


<% @LANGUAGE = JavaScript %>

<HTML>

<H1>JAVASCRIPT</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 javascript 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 JAVASCRIPT

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.��

 




Google
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki
Politica de Privacidad