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