Script javascript: Seleziona tutti e deseleziona tutti gli elementi di una checkbox

   difficoltà:  script script script script script

Script simili
31/10/2006


Con questo script vediamo come preso un elenco di voci selezionabili tramite checkbox sia possibile selezionare tutte o deselezionare tutte le voci della lista cliccando su un apposito link.
Creiamo la nostra lista di checkbox il cui nome sarà box. Tramite 2 funzioni selezionatutti() e deselezionatutti() per prima cosa conteremo il numero di opzioni presenti e infine, attraverso un ciclo sugli elementi, uno alla volta settiamo come selezionati o non selezionati tutti i checkbox della lista.

<script language="javascript">
function selezionatutti(){
tot=document.forms.nomeform.box.length;
if(isNaN(tot)){
ogg_box=document.forms.nomeform.box;
ogg_box.checked = true;
}else{
for(cont=0;cont<tot;cont++){
ogg_box=document.forms.nomeform.box[cont];
ogg_box.checked = true;
}
}
}
function deselezionatutti(){
tot=document.forms.nomeform.box.length;
if(isNaN(tot)){
ogg_box=document.forms.nomeform.box;
ogg_box.checked = false;
}else{
for(cont=0;cont<tot;cont++){
ogg_box=document.forms.nomeform.box[cont];
ogg_box.checked = false;
}
}
}
</script>

<form name="nomeform">
<input type="checkbox" name="box"> voce 1<br/>
<input type="checkbox" name="box"> voce 2<br/>
<input type="checkbox" name="box"> voce 3<br/>
<input type="checkbox" name="box"> voce 4<br/>
<input type="checkbox" name="box"> voce 5<br/>
<input type="checkbox" name="box"> voce 6<br/>
</form>

<a href="javascript:selezionatutti()">Seleziona tutti</a>
<br/>
<a href="javascript:deselezionatutti()">Deseleziona tutti</a>





Commenti


  Jepy

17/11/2007 13:03:28

Ho notato che per questo script viene impostato nell'HTML l'attributo 'name=box' (uguale per tutti i checkbox) anziché usare 'name=box[]' (che, così facendo, non funzionerebbe).
Il mio dubbio riguarda il fatto di dover passare poi i campi del form ad uno script PHP su un'altra pagina.
Come posso gestire poi i campi con lo stesso nome (così come impostato nell'HTML) in modo tale da recuperarne (tramite lo script PHP) il valore che darò nell'HTML con l'attributo 'value'?

  Fabio

17/11/2007 13:54:50

Prova cosi:


function selezionatutti(){
tot=document.forms.nomeform.elements.length;
for(cont=0;cont<tot;cont++){
if(document.forms.nomeform.elements[cont].type == 'checkbox'){
alert(cont);
ogg_box=document.forms.nomeform.elements[cont];
ogg_box.checked = true;
}
}
}




Lascia un commento


Codice di controllo*:
Nome*:
Email/Link:
Testo*:
 
I campi contrassegnati con * sono obbligatori.