Foros del Web » Programando para Internet » Javascript »

Al momento de Clikear 3 chekbox activar un boton

Estas en el tema de Al momento de Clikear 3 chekbox activar un boton en el foro de Javascript en Foros del Web. Hola buenas hace un buen rato tengo un drama soy nuevo en java script y lo que quiero logar hacer es que al cliquear los ...
  #1 (permalink)  
Antiguo 05/03/2016, 17:11
Avatar de axelchavez  
Fecha de Ingreso: marzo-2016
Mensajes: 1
Antigüedad: 8 años
Puntos: 0
Pregunta Al momento de Clikear 3 chekbox activar un boton

Hola buenas hace un buen rato tengo un drama soy nuevo en java script y lo que quiero logar hacer es que al cliquear los tres primeros checkbox se active un boton que estara disabled , pero solo y cuando esten activado los tres....

Aca les dejo lo que eh logrado hacer pero no se como bien trabajar en java script


<html>

<body>
<form name="ejemplo2">
Para pagar en WEBPAY DEBES
<br>
<input type="checkbox" name="boletin" >1-Debes llamar al profesional cordinar<br>
<input type="checkbox" name="boletin" >2-Visita cordinada<br>
<input type="checkbox" name="boletin" >3-Avisar que paga ONLINE<br>
<br>
<input type="button" name="intereses" value="Solicitar visita Pagando por WEBPAY" disabled>
</form>

</body>
  #2 (permalink)  
Antiguo 07/03/2016, 02:44
Avatar de Pantera80  
Fecha de Ingreso: noviembre-2014
Ubicación: España
Mensajes: 35
Antigüedad: 9 años, 4 meses
Puntos: 6
Respuesta: Al momento de Clikear 3 chekbox activar un boton

Pues lo que hay que hacer es crear una función que verifique que todos los checkbox han sido seleccionados. Esta función se llamará cada vez que alguno de los tres checkbox cambie:

Código:


Código HTML:
Ver original
  1. <form name="ejemplo2">
  2. Para pagar en WEBPAY DEBES
  3. <br>
  4. <input type="checkbox" name="boletin" id="uno" onchange=validar() >1-Debes llamar al profesional cordinar<br>
  5. <input type="checkbox" name="boletin" id="dos" onchange=validar()>2-Visita cordinada<br>
  6. <input type="checkbox" name="boletin" id="tres" onchange=validar()>3-Avisar que paga ONLINE<br>
  7. <br>
  8. <input type="button" name="intereses"
  9.       id="boton" value="Solicitar visita Pagando por WEBPAY" disabled>
  10. </form>
  11. </body>
El javascript:

Código:


Código Javascript:
Ver original
  1. function validar(){
  2.   var uno = document.getElementById("uno").checked;
  3.   var dos = document.getElementById("dos").checked;
  4.   var tres = document.getElementById("tres").checked;
  5.   var boton = document.getElementById("boton");
  6.   if(uno&&dos&&tres){
  7.     boton.disabled=false;
  8.   }else{
  9.     boton.disabled=true;
  10.   }
  11. }

Última edición por Pantera80; 07/03/2016 a las 08:45

Etiquetas: boton, chekbox, html, input, momento
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 18:18.