Índice

Aplicaciones

1. Seleccionar todas las casillas de selección

Muy popular en los sitios actuales, este script ofrece la posibilidad al usuario de activar todas las casillas de selección con una sola acción.

Aspecto inicial:

images/12_4_1_v41.png

Aspecto obtenido después de hacer clic en la opción Seleccionar todo:

images/12_4_1_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("#todos").click(function(){ 
            var checked_status = this.checked; 
            $("input[name=casilla]").each(function(){ 
                this.checked = checked_status; 
            }); 
        }); 
    }); 
</script> 
</head> 
<body> 
La librería jQuery es:<br /> 
<p><input type="checkbox" name="casilla">Concisa</p> 
<p><input type="checkbox" name="casilla">Flexible</p> 
<p><input type="checkbox" name="casilla">Compacta</p> 
<p><input type="checkbox" name="casilla">Rápida</p>  ...