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:
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:
