Habilitar o deshabilitar un botón submit

pabloe9k · #1 (**permalink**) 26/09/2010, 16:10

Hola, amigos.
Escribo porque tengo un pequeño problema.
Tengo una casilla de texto que al tildarla hace que se habilite un botón (input type="submit") y al destildarla, el botón se deshabilita (disabled="true").

Estoy usando el siguiente código JavaScript:

Código:

<script>
function deshabilita()
{
    if(document.getElementById('condicion').checked)
    {
        document.getElementById('registrarse').disabled=false;
    }
    else
    {
        document.getElementById('registrarse').disabled=true;
    }
}
</script>

Y esto en HTML:

Código HTML:

<input type="checkbox" name="condicion" onclick="deshabilita()"/>

El problema es que este código funciona únicamente con Internet Explorer. No puedo hacerlo funcionar ni con Firefox ni con Google Chrome.

Podrán ayudarme, por favor?
Muchas gracias, genios de la web!

Saludos a todos.

_cronos2 · #2 (**permalink**) 26/09/2010, 16:16

El código es correcto, se puede acortar pero funciona en FF 3.6.10 y tendría que hacerlo en Chrome igual. ¿Qué te dice la consola de errores?
Edit: Me acabo de dar cuenta de que el checkbox no tiene id, sólo tiene name xD

SDEK · #3 (**permalink**) 26/09/2010, 17:10

De esta forma puedes tener la funcionalidad en Chrome, IE y Firefox:
Estuve haciendo las pruebas y me funcionó bien. Seguro resuelve tu problema.

Código HTML:

Ver original<HTML>
 
<HEAD>
 
<script type="text/javascript">
 
function checkifempty()
{
    if (!document.form1.condicion.checked)
  {
    document.form1.registrarse.disabled=true;
  }
    else
  {     
    document.form1.registrarse.disabled=false;
  }
 
}
</script>
 
 
</HEAD>
 
 
<BODY>
 
<form id="form1" name="form1">
 
<input type="checkbox" name="condicion" id="condicion" onclick="checkifempty()"/>
<input type="submit" name="registrarse" id="registrarse">
</form>
 
</BODY>
 
</HTML>

Saludos,

pabloe9k · #4 (**permalink**) 26/09/2010, 17:16

Cita:

Iniciado por _cronos2

El código es correcto, se puede acortar pero funciona en FF 3.6.10 y tendría que hacerlo en Chrome igual. ¿Qué te dice la consola de errores?
Edit: Me acabo de dar cuenta de que el checkbox no tiene id, sólo tiene name xD

Una vez más, cronos2, me diste una mano enorme.
Era exáctamente eso. Le puse el id y salió andando perfecto.
Lamentablemente no puedo darte más karma porque el foro no me deja sin antes no darle a algún otro, pero lo cierto es que el que siempre me salva sos vos... jajaja.

Saludos, amigo.

P.D: Ah, también aprovecho para agradecerte, SDEK, por colaborar con la solución. Gracias a todos.