Al momento de Clikear 3 chekbox activar un boton

axelchavez · #1 (**permalink**) 05/03/2016, 17:11

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>

Pantera80 · #2 (**permalink**) 07/03/2016, 02:44

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<html>
<body>
<form name="ejemplo2">
Para pagar en WEBPAY DEBES
<br>
<input type="checkbox" name="boletin" id="uno" onchange=validar() >1-Debes llamar al profesional cordinar<br>
<input type="checkbox" name="boletin" id="dos" onchange=validar()>2-Visita cordinada<br>
<input type="checkbox" name="boletin" id="tres" onchange=validar()>3-Avisar que paga ONLINE<br>
<br>
<input type="button" name="intereses"
       id="boton" value="Solicitar visita Pagando por WEBPAY" disabled> 
</form>
</body>

El javascript:

Código:




Código Javascript:
Ver originalfunction validar(){
  var uno = document.getElementById("uno").checked;
  var dos = document.getElementById("dos").checked;
  var tres = document.getElementById("tres").checked;
  var boton = document.getElementById("boton");
  if(uno&&dos&&tres){
    boton.disabled=false; 
  }else{
    boton.disabled=true; 
  }
}