disign.it | Jquery: seleziona / deseleziona checkbox | a digital sign for a best design!
A digital sign for a best design
Javascript 5.593 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>

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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