[Php-avanzado] javascript: deseleccionar checkboxes

Matias Gea matigea en gmail.com
Mar Ago 2 19:20:59 ART 2011


Hola, Mario.

Te paso una función para deseleccionar todos los checkboxes contenidos
en un elemento, suponiendo una sintaxis como la que sigue:

<div id="checkboxes_container">
  Espa&ntilde;ol: <input type="checkbox" name="espanol"><br>
  Ingl&eacute;s: <input type="checkbox" name="ingles"><br>
  Franc&eacute;s: <input type="checkbox" name="frances"><br>
  Alem&aacute;n: <input type="checkbox" name="aleman"><br>
</div>

function deselectAll(container){
	if(container)
		container_element = document.getElementById(container);
	else
		container_element = document;

	var inputs = container_element.getElementsByTagName('input');
	for(var i=0; i<inputs.length; i++){
		if(inputs[i].type.toLowerCase() == 'checkbox'){
			inputs[i].checked = false;
		}
	}
}

Y lo usas de la siguiente manera:

/* Deselecciona solo los checkboxes que estén adentro del elemento con
id 'checkboxes_container' */
deselectAll('checkboxes_container');

o

/* Deselecciona los checkboxes de todo el documento */
deselectAll();

Modificarlo para que seleccione todo es muy simple, igual que para invertir.

Saludos!

2011/8/2 Gerardo Valiani <gerardovaliani en gmail.com>:
> document.getElementeById('elemento').checked=false;
>
> Y te paso un link muy copado de referencias a javascript:
> http://www.w3schools.com/jsref/prop_checkbox_checked.asp
> Saludos!
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>



-- 
Matias Fernando Gea
matigea en gmail.com
http://www.mfgea.com.ar


Más información sobre la lista de distribución Php-avanzado