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

Javascript: seleziona / deseleziona tutti checkbox

02/03/2012

Lunghi elenchi di opzioni presentate attraverso checkbox spesso obbligano l'utente, o l'operatore al CMS, a numerosi click consecutivi per selezionare o deselezionare scelte multiple.

L'utilizzo di javascript permette di offrire all'utente la possibilità di operare una selezione multipla con un solo click, ecco un esempio di codice js:

 

 function toggle_checkboxes(id) {
    if (!document.getElementById) { return; }
    if (!document.getElementsByTagName) { return; }
    var inputs = document.getElementById(id).getElementsByTagName("input");
    for(var x=0; x < inputs.length; x++) {
    if (inputs[x].type == 'checkbox') {
    inputs[x].checked = !inputs[x].checked;
      }
     }
    }

 

Il js sarà richiamato con

input type="button" value="seleziona /deseleziona tutti" onclick="toggle_checkboxes('id_del_div_contenitore')"

← IIS: DOCUMENT_ROOT mancante CSS: customizzazione tag code →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

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