WebExperto.com - Ayuda al Webmaster en Español
 
Marcar todos los checkboxes
Autor: Fabian Muller (http://www.webexperto.com) - 03/09/2003

Muchas veces, al realizar un formulario, surge la necesidad de brindarle al usuario la posibilidad de marcar o desmarcar todos los checkboxes incluidos en el mismo. A continuación veremos cómo realizarlo fácilmente con JavaScript.

Ejemplo:

Opción 1
Opción 2
Opción 3

Código del script:

<HTML>
<HEAD>
<TITLE>Checkboxes en un formulario</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function modificar_boxes(chequear,cantidad){
for (i=0; i < cantidad ; i++ ){
if (chequear){
document.forms[0].opcion[i].checked=true;
}else{
document.forms[0].opcion[i].checked=false;
} }}
-->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="checkbox" NAME="opcion" VALUE="1">Opción 1<br>
<INPUT TYPE="checkbox" NAME="opcion" VALUE="2">Opción 2<br>
<INPUT TYPE="checkbox" NAME="opcion" VALUE="3">Opción 3<br><br>
<INPUT TYPE=button NAME="marcar" VALUE="Marcar todos" onClick="modificar_boxes(true,3)">
<INPUT TYPE=button NAME="desmarcar" VALUE="Desmarcar todos" onClick="modificar_boxes(false,3)">
</FORM>
</BODY>
</HTML>

Si nuestro formulario posee más cantidad de checkboxes solamente debemos cambiar el número 3 por el deseado:

<INPUT TYPE=button NAME="marcar" VALUE="Marcar todos" onClick="modificar_boxes(true,3)">
<INPUT TYPE=button NAME="desmarcar" VALUE="Desmarcar todos" onClick="modificar_boxes(false,3)">