#javascript: interaccion de #div y objetos de un form con un checkbox gracias a #getElementById

Tipico tipiquisisisimo formulario donde tenemos una casilla de verificación o checkbox y queremos que si esta activado o no pasen cosas mágicas a nuestro alrededor … vamos, que se muestren u oculten objetos, divs, de tó

Por un lado tenemos el check al cual le agregamos la propiedad onchange tal que asi (madre mia cuanta informacion, verdad?)

<input name="checkbox" type="checkbox" id="checkbox" onchange="javascript:hazalgo();" value="1" />

y por otro lado la funcion javascript

<script>
function hazalgo() {
	if(document.getElementById('checkbox').checked){
		objeto1 = document.getElementById('c2');
		objeto1.style.display='none';
		objeto2 = document.getElementById('cuota');
		objeto2.value='30';
	}else{
		objeto1 = document.getElementById('c2');
		objeto1.style.display='';
		objeto2 = document.getElementById('cuota');
		objeto2.value='20';
	}
	//
	//alert(' - '+document.getElementById('checkbox').value);
}
</script>    

Mother mine esto parece el algoritmo de hal 9000 verdad? bien, como veis en el if comprobamos si esta marcado o no el check. Si esta marcado ocultamos el div c2 y en la caja de texto “cuota” insertamos el valos 30 y si el check no esta marcado pues mostramos el div c2 y el inputbox cuota toma el valor 20

Despues de ver este laborioso y complicado ejemplo os preguntais como puede ser que no este trabajando en la NASA verdad? … la respuesta es facil, hay que hacer un psicotecnico

Espero haberle sido de ayuda a alguien … a una persona seguro, a mi que escribo este articulo para acordarme de lo que hago, que ultimamente soy como el protagonista de Memento

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s