Checkbox

60NZ4 · #1 (**permalink**) 18/10/2012, 02:45

Buenas,

me gustaria que al pulsar un boton se me visualizasen todos los checkbox que tengo en una pagina, tengo los propios checks en html con style="display:none";

y he echo este codigo javascript al pulsar en un boton :

Código Javascript:

Ver originalfunction visibleChecks(){
 
    for (i=0;i<document.f1.elements.length;i++){ 
        if(document.f1.elements[i].type == "checkbox"){ 
            document.fi.elements[i].style.display = "inline"; 
        }
    }    
}

el numero de veces que entra en el if es correcto , pero no se porque falla , ¿me pueden echar una mano porfavor ?

muchas gracias por su tiempo

emprear · #2 (**permalink**) 18/10/2012, 05:28

Estás identificando mal el form, debe ser

document.forms['f1']

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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
/* estilos */ 
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function visibleChecks(){
 
    for (i=0;i < document.forms['f1'].elements.length;i++){ 
        if(document.forms['f1'].elements[i].type == "checkbox"){ 
            document.forms['f1'].elements[i].style.display = "inline"; 
        }
    }    
}
 
//]]>
</script>
</head>
<body>
<form name="f1" action="#">
<input type="checkbox" style="display: none;" />
<input type="checkbox" style="display: none;" />
<input type="button" onclick="visibleChecks()" value="mostrar cb" />
</form>
</body>
</html>

60NZ4 · #3 (**permalink**) 18/10/2012, 05:59

buenas , gracias por la respuesta , pero no es eso, lo he probado y sigue igual, sin embargo he comprobado que al hacerlo al contrario, es decir

estando el check display:inline y al hacer el javascript ocultarlo , si que lo hace, me temo que es esta linea la que falla :

Código Javascript:

Ver originaldocument.forms['f1'].elements[i].style.display = "block";

tambien he probado

Código Javascript:

Ver originaldocument.forms['f1'].elements[i].style.display = "inline";

y el lugar de forms['f1'] --f1 pero no funciona

60NZ4 · #4 (**permalink**) 18/10/2012, 06:05

acabo de solucionarlo, me estaba volviendo loco con cosas imposibles, cuando era muy sencillo, faltaba informacion por eso seguro que no lo averiguate

tenia el check dentro de un div, y lo que ocultaba y visualizaba era el div, cuando lo he puesto en el check como en tu ejemplo ha funcionado perfectamente, me ayudate a averiguarlo xD gracias =)

IsaBelM · #5 (**permalink**) 18/10/2012, 06:09

otra manera sería usar la variable this

Cita:

con la que te evitas posibles errores de tipeo

por cierto da igual que los checkbox estén dentro de n div's que serán encontrados ya que estás tamizando la colección con

Cita:

elements[i].type == "checkbox"