Asignar propiedades de checkbox simultáneamente

Calamaro · #1 (**permalink**) 24/03/2004, 20:50

Cómo se podría cambiar le propiedad que chequea un checkbox mediante un link que llame a una función javascript? Cómo se podría hacer que esta acción se de con todos los checkboxes de la página?
Salu2 y gracias

KarlanKas · #2 (**permalink**) 25/03/2004, 02:58

No sé si te refieres a esto, pero creo que sí. Esto es una propiedad para chequear o deschequear todos los checkbox de una página. Si quieres que marque todas llama a la función con algo entre los paréntesis algo como "marcar('ebriuan')" y si quieres que lo desmarque ponlo sin nada entre los paréntesis, así: "marcar()".

Este script chequea todos los formularios de una página web. Si quieres otra cosa dímelo.
<script>
function marcar(esto){
esto=(esto)?true:false;
for(aa=0;aa<document.forms.length;aa++){
for (a=0;a<document.forms[aa].elements.length;a++){
elemento=document.forms[aa].elements[a]
if(elemento.type="checkbox"){
elemento.checked=esto;
}
}
}
}
</script>

<a href="javascript:marcar(true)">Marcar todos</a><br>
<a href="javascript:marcar()">Desmarcar todos</a>

Dime si te sirve!

Un ejemplo:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
<script> 
function marcar(esto){ 
esto=(esto)?true:false; 
for (a=0;a<document.forms[0].elements.length;a++){ 
elemento=document.forms[0].elements[a] 
if(elemento.type="checkbox"){ 
elemento.checked=esto; 
} 
} 
} 
</script> 
 
 
</head> 
 
<body> 
 
<form action='javascript:alert("enviando!!")' name='pepote' id='pepote'> 
<input type="checkbox" name="este" value="1">Este es uno<br> 
<input type="checkbox" name="este2" value="2">Este es dos<br> 
<input type="checkbox" name="este3" value="3">Este es tres<br> 
<input type="checkbox" name="este4" value="4">Este es cuatro<br> 
 
 
</form> 
<a href="javascript:marcar(true)">Marcar todos</a><br> 
<a href="javascript:marcar()">Desmarcar todos</a> 
 
</body> 
</html>

KarlanKas · #3 (**permalink**) 25/03/2004, 04:10

Ahora puedes elegir el formulario en el que se aplique, teniendo en cuenta que debes empezar por el cero. El formulario primero es el cero, el segundo es el uno...

Te pongo un ejemplo con el script como sería:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
<script> 
function marcar(esto,formulario){ 
esto=(esto)?true:false; 
if(!isNaN(formulario)){ 
inicio=formulario; 
fin=formulario+1; 
} 
else{inicio=0; 
fin=document.forms.length; 
} 
 
 
for(aa=inicio;aa<fin;aa++){ 
for (a=0;a<document.forms[aa].elements.length;a++){ 
elemento=document.forms[aa].elements[a] 
if(elemento.type="checkbox"){ 
elemento.checked=esto; 
} 
} 
} 
} 
</script> 
 
 
 
</head> 
 
<body> 
Formulario 1 
<form action='javascript:alert("enviando!!")' name='pepote' id='pepote'> 
<input type="checkbox" name="este" value="1">Este es uno<br> 
<input type="checkbox" name="este2" value="2">Este es dos<br> 
<input type="checkbox" name="este3" value="3">Este es tres<br> 
<input type="checkbox" name="este4" value="4">Este es cuatro<br> 
 
 
</form> 
Formulario 2 
<form action='javascript:alert("enviando!!")' name='pepo4te' id='pepo4te'> 
<input type="checkbox" name="este" value="1">Este es uno<br> 
<input type="checkbox" name="este2" value="2">Este es dos<br> 
<input type="checkbox" name="este3" value="3">Este es tres<br> 
<input type="checkbox" name="este4" value="4">Este es cuatro<br> 
 
 
</form> 
 
<a href="javascript:marcar(true)">Marcar todos</a><br> 
<a href="javascript:marcar()">Desmarcar todos</a> 
<a href="javascript:marcar(true,0)">Marcar todos los del Formulario 1</a><br> 
<a href="javascript:marcar('',0)">Desmarcar todos los del Formulario 1</a><br> 
<a href="javascript:marcar(true,1)">Marcar todos los del Formulario 2</a><br> 
<a href="javascript:marcar('',1)">Desmarcar todos los del Formulario 2</a><br> 
</body> 
</html>

Calamaro · #4 (**permalink**) 25/03/2004, 06:26

Muchas gracias che, era justo lo que necesitaba, Salu2

KarlanKas · #5 (**permalink**) 25/03/2004, 06:43

Me alegro de que te haya servido!