Como activar un boton si hay un checkbox seleccionado

xalupeao · #1 (**permalink**) 28/12/2010, 07:07

tengo el siguiente codigo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<form id="form1" name="form1" method="get" action="">
  <input name="campos[]" type="checkbox" id="checkbox" value="1" onchange="enviar();"/>
  <label for="checkbox"></label> 
  campo 1<br />
  <input name="campos[]" type="checkbox" id="checkbox2" value="2" />
  <label for="checkbox2"></label>
  campo 2<br />
  <input name="campos[]" type="checkbox" id="checkbox3" value="3" />
  <label for="checkbox3"></label>
  campo 3<br />
  <input name="campos[]" type="checkbox" id="checkbox4" value="4" />
  <label for="checkbox4"></label> 
  campo 4
  <br />
  <input type="submit" name="button" id="button" disabled value="Enviar" />
</form>
</body>
</html>

lo que necesito es hablitar el boton "button" cuando cualquiera de los checkbox sea marcado.

no son solo 4 checkbox pueden ser x checkbox.

espero que me puedan ayudar, muchas gracias :)

doylelives · #2 (**permalink**) 28/12/2010, 07:14

La propiedad disabled del elemento del formulario te permite habilitar/deshabilitarlo.
document.form1.boton1.disabled=false;

xalupeao · #3 (**permalink**) 28/12/2010, 07:16

entiendo, lo que quiero hacer es la condicion de que si cualquiera de los checkbox es marcado que se active, se activarlo, pero como plantear la condicion no.

gracias por tu pronta respuesta.

doylelives · #4 (**permalink**) 28/12/2010, 07:46

podrias bindearles a los checkbox a traves del evento Onclick una funcion.
Dicha función primero verifica que el checkbox esté tildado, si es así habilita el button.

xalupeao · #5 (**permalink**) 28/12/2010, 08:05

realemente seria en un onChange pero la condicion es la que me complica.

ya que como determino si hay otro seleccionado.

entiendes?

doylelives · #6 (**permalink**) 28/12/2010, 08:10

El evento onchange solo aplica a select, text o textarea.
Te recomiendo onclick. Debes aplicarlo a todos los checkbox, al hacer click en alguno llama a dicha función.

xalupeao · #7 (**permalink**) 28/12/2010, 08:22

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function enviar(){
    document.form1.button.disabled = true;
    for (i=0;i<document.form1.elements.length;i++){
        if(document.form1.elements[i].type == "checkbox"){
            if(document.form1.elements[i].checked == 1 ){
                document.form1.button.disabled = false;
                i=document.form1.elements.length+10;
            }
        }
    }
}
</script>
</head>
 
<body>
<form id="form1" name="form1" method="get" action="">
  <input name="campos[]" type="checkbox" id="checkbox" value="1" onchange="enviar();" />
  campo 1<br />
  <input name="campos[]" type="checkbox" id="checkbox2" value="2" onchange="enviar();" />
  campo 2<br />
  <input name="campos[]" type="checkbox" id="checkbox3" value="3" onchange="enviar();" />
  campo 3<br />
  <input name="campos[]" type="checkbox" id="checkbox4" value="4" onchange="enviar();" />
  campo 4
  <br />
  <input type="submit" name="button" disabled="disabled" id="button" value="Enviar" />
</form>
</body>
</html>

Listo :)