disign.it | Jquery: seleziona / deseleziona checkbox | a digital sign for a best design!
A digital sign for a best design
Javascript 3.793 visualizzazioni

Jquery: seleziona / deseleziona checkbox

30/04/2012

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>

← Htaccess: processare file solo se non esistenti Jquery: link al top pagina a scomparsa →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.