Jquery: seleziona / deseleziona checkbox

In un precedente articolo abbiamo visto come implementare una funzione seleziona/deseleziona tutti i checkbox con Javascript.

Vediamo come utlizzare la libreria Jquery per gestire la stessa funzionalità.

Come sempre occorre prima di tutto caricare l'ultima versione di Jquery, (qui l'articolo). Nell'esempio che segue avremo due div, uno con id seleziona_tutti, l'altro con id deseleziona_tutti, e una serie di checkbox.

Dopo aver caricato Jquery, inseriamo lo script

jQuery(document).ready(function() {
jQuery("#seleziona_tutti").click(function()
{
var checked_status = !this.checked;
jQuery("input[type='checkbox']").each(function()
{
this.checked = checked_status;
});
});


jQuery("#deseleziona_tutti").click(function()
{
var checked_status = this.checked;
jQuery("input[type='checkbox']").each(function()
{
this.checked = checked_status;
});
});

});

E nell'html, oltre ai checkbox ovviamente!, i due div

<div id="seleziona_tutti">seleziona</div>
<div id="deseleziona_tutti">deseleziona </div>