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

Articolo stampato da http://disign.improntedigitali.it/javascript-seleziona-deseleziona-tutti-checkbox-346-46-1.html

© Luca Frassineti

Javascript 5.451 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')"

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 - 2024 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.