habilitar boton al clickear un checkbox

marcinf2 · #1 (**permalink**) 24/10/2005, 13:41

hola gente

quiero que al seleccionar un checkbox se habilite el boton de enviar

Cap.Buscapina · #2 (**permalink**) 24/10/2005, 16:43

en este mensaje de hace poquito se trató el tema.
http://www.forosdelweb.com/f13/activar-casilla-texto-344168/
con algunas modificaciones minimas te va a servir:

chau

marcinf2 · #3 (**permalink**) 24/10/2005, 18:44

no me resulto

algo hice mal

tengo esto

Código:

function activarcasilla(check){
if(check.checked==true){
document.forms['formulario']['boton'].disabled=false;
}else{
document.forms['formulario']['boton'].disabled=true;
}
document.forms['formulario']['boton'].focus();
}

en el checkbox

Código HTML:

<input name="check" type="checkbox" id="check" value="checkbox" onFocus="activarcasilla()">

Cap.Buscapina · #4 (**permalink**) 25/10/2005, 07:51

la funcion:

Cita:

function activarcasilla(check){
if(check.checked==true){
document.forms['nombreformulario']['nombreboton'].visibility="visible";
}else{
document.forms['nombreformulario']['nombreboton'].visibility="hidden";
}

}

el checkbox:

Cita:

el boton:

Cita:

por supuesto que en la funcion tenes que cambiar el nombre del formulario y del boton por los tuyos

marcinf2 · #5 (**permalink**) 25/10/2005, 10:06

no funciono

lo que puse es esto

funcion

Código:

function activarcasilla(check){
if(check.checked==true){
document.forms['formulario']['boton'].visibility="visible";
}else{
document.forms['formulario']['boton'].visibility="hidden";
}
}

en el check

Código:

<input name="check" type="checkbox" id="check" value="checkbox" onclick="activarcasilla(this)">

en el boton enviar

Código:

<input name="boton"  type="submit" value="enviar" style="visibility:hidden;">

con la opcion del boton visibility:hiden en el formulario no aparece el boton y al clicker el checkbox tampoco

Cap.Buscapina · #6 (**permalink**) 26/10/2005, 08:23

el name del formulario es formulario ???

marcinf2 · #7 (**permalink**) 26/10/2005, 08:51

si el name es formulario

darkside_cl · #8 (**permalink**) 08/11/2005, 09:47

<html>
<script>
function activarcasilla(check){
if(document.x.check.checked==true){
document.x.b1.style.visibility="visible";
}else{
document.x.b1.style.visibility="hidden";
}
}

</script>
<head>
<title></title>
</head>
<body>
<p align="center">
<body>

</p>
<form name="x">
<input name="check" type="checkbox" id="check" value="checkbox" onclick="activarcasilla(this)">
 <input name="b1" type="submit" value="enviar" style="visibility:hidden;">
</form>

</body>

</body>

</html>

pavie · #9 (**permalink**) 18/06/2008, 03:36

Hola!!
Bueno 3 años después recupero este post..x-D
En fin.. queria comentar que a mi no me funciona así como deciis :S
Espero me podais ayudar... Un saludo a todos y gracias!!:D

pavie · #10 (**permalink**) 18/06/2008, 04:04

Vale... ya entiendo.
No me funciona porque yo tenia esta línea de código :

<input name="submit" type="image" value="Enviar" src="imagenes_botones/btn_comprar.gif" alt="Comprar Articulo." width="210" height="43" disabled="disabled">

por lo visto con las imágenes no funciona verdad?
Qué podria hacer para que funcionase con las imágenes?
Gracias!!:)