Foros del Web » Programando para Internet » Javascript »

habilitar/deshabilitar boton segun un checkbox

Estas en el tema de habilitar/deshabilitar boton segun un checkbox en el foro de Javascript en Foros del Web. hola a todos. estoy intentando hacer una pagina para que un usuario deba aceptar las condiciones de privacidad para poder seguir con el registro en ...
  #1 (permalink)  
Antiguo 15/06/2011, 06:19
 
Fecha de Ingreso: enero-2011
Mensajes: 34
Antigüedad: 13 años, 2 meses
Puntos: 0
habilitar/deshabilitar boton segun un checkbox

hola a todos.

estoy intentando hacer una pagina para que un usuario deba aceptar las condiciones de privacidad para poder seguir con el registro en mi web.
segun marque o no la casilla de aceptar las condiciones el boton para continuar funcionara o no.

el boton lo he puesto por defecto en disabled. en el checkbox he puesto un onClick que ejecutara una funcion que determinara si el boton de habilita o no

este es el codigo:

Código HTML:
<script language="JavaScript" type="text/javascript">
function comprobar()
{	
	if (document.getElementById('checkbox')==0)
		document.getElementById('button').disabled = true;
	else
	    document.getElementById('button').disabled = false;
}
</script>


<form id="form1" name="form1" method="post" action="cuenta_nueva.php">
  <table width="160">
  <tr>
  <td>
    <input name="checkbox" type="checkbox" id="checkbox" onChange="return comprobar(checkbox.value);"/>
    <label for="checkbox">Acepto la Condiciones</td>
  </tr>
  <tr>
  <td>
    <input name="button" type="image" id="button" src="imagenes/boton_continuar.png" align="top" disabled/>
  </td>
  </tr>
  </table>
</form> 
yo creo que esta bien, pero no me funciona. alguien puede ayudarme?
gracias y saludos
  #2 (permalink)  
Antiguo 15/06/2011, 07:15
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: habilitar/deshabilitar boton segun un checkbox

Código HTML:
Ver original
  1. function comprobar(obj)
  2. {  
  3.     if (obj.checked)
  4.         document.getElementById('boton').disabled = true;
  5.     else
  6.         document.getElementById('boton').disabled = false;
  7. }
  8.  
  9. <input name="chec" type="checkbox" id="chec" onChange="comprobar(this);"/>
  10.     <label for="chec">Acepto la Condiciones</label>
  11.  
  12.     <input name="boton" type="image" id="boton" src="imagenes/boton_continuar.png" align="top" disabled/>


No uses palabras con significado especial como identificadores, puede no ser el error pero es una mala práctica.
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.
  #3 (permalink)  
Antiguo 15/06/2011, 09:45
 
Fecha de Ingreso: enero-2011
Mensajes: 34
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: habilitar/deshabilitar boton segun un checkbox

ok muchas gracias ahora me funciona perfecto.

hay una cosa que no entiendo, en el onChange a la funcion le pasas "this", y esta funcion recibe "obj". no deberian de ser la misma palabra? o son palabras clave de javascript?

esque estoy muy verde en javascript
  #4 (permalink)  
Antiguo 15/06/2011, 13:13
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: habilitar/deshabilitar boton segun un checkbox

Si estas verde

"obj" es el nombre del parámetro que recibe la función, dentro de ella se comporta como una variable.

Al llamar la función des de el onChange debes poner algo que será el valor de ese parámetro, en este caso la palabra reservada "this" que es una referencia al "obj"eto donde se usa en este caso el checkbox, es como si le pasaras todo el objeto a la función. Con lo que dentro de la función "obj" serà el objeto checkbox con todas sus propiedades y métodos. Por esto se puede hacer

if (obj.checked)

Donde les estamos preguntando a "obj" si esta "checked", algo que se le puede preguntar puesto que es un objeto checkbox.

El parametro se podria llamar "pepito" y funcionaria igual, pero le pongo "obj" como abreviación de "objeto" puesto que voy a recibir un objeto... cambia "obj" por "pepito" en todas sus apariciones y lo verás...
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.

Última edición por quimfv; 15/06/2011 a las 13:19
  #5 (permalink)  
Antiguo 15/06/2011, 13:46
 
Fecha de Ingreso: enero-2011
Mensajes: 34
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: habilitar/deshabilitar boton segun un checkbox

ok gracias por la aclaracion, ya te digo ke de javascript ando fatal...

saludos

Etiquetas: checkbox, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:19.