Etiqueta CHECKBOX en JavaScript


La etiqueta CHECKBOX es utilizada para seleccionar más de una opción dentro de alguna pregunta o concepto. Lo que ayuda a tener más de una alternativa.

Ejercicio No. 1

 Confeccionar una página que muestre tres checkbox que permitan seleccionar los deportes que practica el usuario (Futbol, Basket, Tennis) Mostrar al presionar un botón los deportes que a elegido.
<html>
<head>
</head>
<body>
<script language="JavaScript"> 

function Seleccionar()
{
var contar;
contar=0;
if(document.deportes.futbol.checked)
contar=contar+1;
if(document.deportes.basket.checked)
contar=contar+1;
if(document.deportes.tennis.checked)
contar=contar+1;
alert('Practica ' +contar+ ' deporte(s)');
}
</script>
<form name="deportes">
<input type="checkbox" name="futbol">Futbol
<br>
<input type="checkbox" name="basket">Basket
<br>
<input type="checkbox" name="tennis">Tennis
<br>
<input type="button" value="Seleccionado(s)" onclick="Seleccionar()">
</form>
</body>
</html>

Entradas populares de este blog

Puerta Enlace Windows 0.0.0.0 en Cmd y Entorno Gráfico 192.168

Imagen
Hace poco me sucedió algo distinto en la configuración relacionado TCP/IP de Windows, como cualquier otro equipo se quería ingresar su registro de IP, con Mascara de Red, Puerta de enlace y DNS. Lo que pareció extraño es que cuando le daba permisos al proxy para poder navegar sobre esa IP y hacer un ping a www.google.com no recibia paquetes sobre ello, en resumen busque varios artículos relacionados al acceso pero de lo que no me percate es de la configuración que tenia IPCONFIG en CMD cuando ejecute ipconfig sobre la linea de comando me encontré con lo siguiente: Tomando referencia de la imagen del siguiente articulo: blog  http://www.taringa.net/comunidades/serviciotecnico/7685393/Puerta-de-enlace-predeterminada-doble-0-0-0-0-Solucion.html Seguí los pasos relacionados al articulo sobre: ipconfig /renew ipconfig /release Pero a pesar de ello, seguía saliendo error, así que tomando la ayuda del artículo anterior y este otro: http://www.tecno-soft.com/blog/?p=85 La ...
Leer más

Etiqueta SELECT en JavaScript

Imagen
La etiqueta SELECT es gestionada en el lenguaje HTML que ayuda a tener una respuesta posible entre varias. Dentro de Javascript se maneja por medio del atributo name(html)  como en forma de arbol mediante una dirección horizontal Ejemplo. document . nombre formulario . nombre del input o select . value ó text. Para ejecutar la funcionalidad de ello se puede hacer mediante el atributo  onchange(javascript) ó onclick(javascript) , dependiendo de lo que se quiera emplear, con estos ejercicios se tendrá la idea de lo que conlleva estas etiquetas, atributos y funciones. Ejercicio No.1 Generar un presupuesto de un equipo de computación a partir de tres objetos de tipo SELECT que nos permiten seleccionar: Procesador (Pentium III - $400, Pentium IV $500). Monitor (Samsung 14' - $250, Samsung 15' - $350, Samsung 17' - $550) Disco Duro(80 Gb - $300, 240 Gb - $440, 800 Gb - $500) Para cada característica indicamos string a mostrar (Ej. Pentium III) y el val...
Leer más

OnFocus y OnBlur en JavaScript

Imagen
OnFocus : se activa cuando se posiciona en el campo. OnBlur:  se activa cuando deja de posicionar en el campo. Ejemplo: Implementar un formulario que solicite la carga del nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío. <html> <head></head> <body> <script language="JavaScript"> function vaciar(control) {   control.value=''; } function verificarEntrada(control) {   if (control.value=='')     alert('Debe ingresar datos'); } </script> <form name="form1"> Ingrese su nombre: <input type="text" name="nombre" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"><br> Ingrese su edad: <input type="text" name="edad" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"...
Leer más