Javascript: come selezionare e deselezionare tutti gli elementi di una checkbox

0 Condivisioni

Ecco uno script in JS con 2 funzioni selezionatutti() e deselezionatutti(). Il primo attraverso un link seleziona tutte le voci della checkbox, il secondo invece deseleziona tutte le voci.

La nostra lista di checkbox avrà il nome di box, 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.

js

<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>

Se volete seguire i post di www.informarea.it potete iscrivervi al suo feed RSS.


0 Condivisioni

Fabrizio Cannatelli

Fondatore di Informarea.it, è un appassionato di informatica. Ha lavorato per molti anni come Analista Programmatore presso varie aziende utilizzando diversi linguaggi di sviluppo, oggi svolge un lavoro completamente diverso ma la voglia di comunicare e di condividere con il web i suoi studi e le sue curiosità lo hanno spinto a far nascere questo blog non solo per esprimere e mostrare la passione per questo mondo, ma anche per confrontarsi con nuove esperienze di sviluppo.

Fabrizio Cannatelli

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.