Scripts y código de ejemplo : DHTML : Formularios y cuestionarios :

Marcar / desmarcar todos los checkboxes de un formulario

Autor
Fecha inserción
El Código
28/06/2007
Dificultad
Soportado por

IE4+ N4+ F1+ O6+

Descripción | Ver ejemplo | Ver código fuente | Imprimir script

Este ejemplo muestra cómo ofrecer al usuario un botón para marcar y desmarcar todos los cuadros de selección (checkboxes) de un formulario. Se trata de una funcionalidad muy útil cuando existen múltples opciones, y es frecuente que el usuario quiera seleccionar todas de una sola vez (o al contrario, quitar la selección de todas de una vez).

Para marcar todas los checkboxes hay que recorrer todos los elementos del formulario y averiguar si son de tipo checkbox. En caso afirmativo, se asigna el valor true a la propiedad checked del elemento.

Para desmarcar todos, se repite la operación, pero asignando el valor false.

Para completar el script, el botón de "marcar todos" cambia cuando se pulsa, y pasa a ser un botón de "desmarcar todos". Esto se consigue cambiando dinámicamente el código HTML de un contenedor div, para que se corresponda con el código de un boton u otro en cada caso. La acción asociada al botón se ejecuta mediante el evento onClick, que invoca la función MarcarCS() o DesmarcarCS() según haya que marcar o desmarcar todos.

 

Scripts relacionados

JavaScript : Formularios y cuestionarios :
Botón activable: Cómo habilitar y deshabilitar botones de formularios para que sólo estén activos cuando se cumplan ciertas condiciones.

¿Necesitas ayuda con este script?

Usa el foro Preguntas acerca de los scripts para plantear y resolver dudas sobre este script. Y si ves que el ejemplo no funciona, indícanoslo en el foro Reporte de errores en los scripts, e intentaremos corregirlo.

 

Formularios y cuestionarios