Accion al seleccionar casilla de verificacion

guerres · #1 (**permalink**) 24/08/2009, 11:15

Saludos, realmente no se como googlear este detalle, por tanto pido su ayuda, necesito algo muy simple, tengo un formulario con una casilla de verificacion que esta activa por defecto, lo que quisiera es que cuando la desactive me aparezca otro campo tipo input para llenar un contenido, y si lo vuelvo a activar me desaparezca ese campo. Estoy manejando el framework de prototype, si puede ser en referencia de ello.

Espero haya sido claro, bueno cualquier comentario bienvenido..

hector2c · #2 (**permalink**) 24/08/2009, 13:41

puees, aqui va un comentario!!! espero sea bienvenido!!! jQuery!!!

Código HTML:

<script language="javascript" type="text/javascript" src="extras/js/jquery/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
		$("#activar").attr("checked", "true").change(function(){
			if ($(this).attr("checked")==1)
				$("#caja").show();
			else
				$("#caja").hide();
		});
	});
</script>
<input type="checkbox" id="activar" />
<input type="text" id="caja">

nus vemos!!!

guerres · #3 (**permalink**) 24/08/2009, 14:01

HEctor Muchas gracias tu script, sin embargo no se porque me da conflictos utilizar prototype y jquery a la ves.

Encotre este codigo esta justo lo que necesito, lo comparto..

Código:

<HTML>
<HEAD>
<STYLE>
.hideable { position: relative; visibility: visible; }
</STYLE>
<SCRIPT>
function mostrar_ocultar(hide) {
if (document.layers)
document.contenido.visibility = hide ? 'hide' : 'show';
else {
var g = document.all ? document.all.contenido :
document.getElementById('contenido');
g.style.visibility = hide ? 'hidden' : 'visible';
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD VALIGN="top">
<FORM NAME="form0">
Mostrar?
<INPUT TYPE="checkbox" NAME="Accion"
ONCLICK="mostrar_ocultar(this.checked);"
>
</FORM>
</TD>
<TD>
<SPAN ID="contenido" CLASS="hideable">
<FORM NAME="form1">
<SELECT NAME="nombre">
<OPTION>Elige
<OPTION VALUE="tutores">Tutores
<OPTION VALUE="google">google
<OPTION VALUE="yahoo">yahoo
</SELECT>
</FORM>
</SPAN>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>