Javascript: seleziona / deseleziona tutti checkbox
02/03/2012Lunghi 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')"