Checkbox en disabled

totti026 · #1 (**permalink**) 28/11/2011, 21:14

Hola compañeros, pues tengo unos checkbox´s y quisiera que cuando cargue la pagina verifique si estan checkados y si es asi que los desactive (disabled), he tratado de hacerlo y me quedo asi pero no me funciona:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function comprobarChecks()
{
var checks = document.getElementsByTagName("input"); 
for(i=0;i<checks.length;i++)
{
if(checks[i].type=="checkbox") 
{
if(checks[i].checked) 
document.getElementsByType("checkbox").disabled =true;
else
document.getElementsByType("checkbox").disabled =false;
}
}
}
</script>
</head>
 
<body onload="comprobarChecks();">
 
Checkbox <input name="Checkbox0" id="Checkbox0" checked="checked" type="checkbox">
Checkbox <input name="Checkbox1" id="Checkbox1" checked="checked" type="checkbox">
Checkbox <input name="Checkbox2" id="Checkbox2" checked="checked" type="checkbox">
Checkbox <input name="Checkbox3" id="Checkbox3" checked="checked" type="checkbox">
</body>
</html>

Alguna idea de donde puedo estar fallando, me imagino que de mi funcion script pero no logro correrlo.

Gracias Amigos!

zerokilled · #2 (**permalink**) 28/11/2011, 21:25

buenas,
¿getElementsByType? lo habrás leido de alguna implementación pero dicha función no es nativa del DOM. es decir, aqui es donde tienes el problema.

Código:

document.getElementsByType("checkbox").disabled =true;
else
document.getElementsByType("checkbox").disabled =false;

no hace falta volver a obtener la referencia del elemento, pues ya la tienes en la colección de nodos checks. puedes usar el mismo bucle junto la variable iteradora para acceder a ese elemento. o sea, puedes usar checks[i], tal como lo estas haciendo en la línea #9 para comprobar el tipo.

una observación... por lo poco que expones, no tiene sentido cargar un documento con checkboxes activados y luego desactivarlo con javascript al cargar el documento. ¿no crees que es más adecuado cargar el documento con los checkboxes en el estado deseado?

totti026 · #3 (**permalink**) 28/11/2011, 22:14

Muchas gracias zerokilled por tu respuesta, pues mira los cargo activados porque asi los guarde en la base de datos, simplemente les agregue en este ejemplo la propiedad de checked="checked" para tener un ejemplo y asi probar la funcion de comprobarChecks() osea esta:

Código Javascript:

Ver original<script type="text/javascript">
function comprobarChecks()
{
var checks = document.getElementsByTagName("input");
for(i=0;i<checks.length;i++)
{
if(checks[i].type=="checkbox")
{
if(checks[i].checked)
document.getElementsByType("checkbox").disabled =true;
else
document.getElementsByType("checkbox").disabled =false;
}
}
}
</script>

Entonces lo que dices esque podria poner esto despues de la linea 9?

document.getElementsByType("checkbox").disabled =true;
else
document.getElementsByType("checkbox").disabled =false;

Y en esa misma linea 9 como le podria especificar que si estan checkados me los ponga en disabled.

Oye de antemano mil gracias por tu respuesta y atencion, la verdad voy empezando en esto.