Checkbox per selezionare tutti gli elementi

Oggi realizziamo una checkbox per selezione tutti gli elementi.
I file che andremo a creare sono:
- function.js 
- index.html 
Andiamo ad analizzare il loro contenuto.

function.js
<script type="text/javascript"> function selectAll(nomeform){ var f= document[nomeform].elements; for(var i=0; i<f.length; i++) { if(f[i].type=="checkbox")f[i].checked=true;}}
</script>
Completato il file function.js andiamo a creare la nostra index.html
index.html o index.php
<input onclick="javascript:selectAll('nomeform')" type="checkbox" />Seleziona tutti <form> <input name="box[]" type="checkbox" /> voce 1 <input name="box[]" type="checkbox" /> voce 2 <input name="box[]" type="checkbox" /> voce 3 <input name="box[]" type="checkbox" /> voce 4 <input name="box[]" type="checkbox" /> voce 5 </form>

Arrivati a questo punto vi basta aprire il file index.html e cliccare sulla checbox con la voce seleziona tutti alla sua destra, altrimenti potete scaricare il file nel link sottostante.
Scarica il file

Autore

Sviluppatore web, aree riservete e gestionali.
Svolgo con passione e determinazione il proprio lavoro dedicando tempo alla ricerca e all'approfondimento di novità.

Sito web dell'autore