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

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.


Iscriviti al nostro canale Telegram

Fabrizio Cannatelli

Autore e Founder di Informarea, sono un appassionato di informatica e tecnologia da sempre. La voglia di comunicare e di condividere sul Web le mie curiosità e le mie conoscenze, mi ha spinto a lanciarmi nel progetto di questo sito. Nato un po' per gioco e un po' per passione, oggi è diventato una grande realtà.

Approfondimenti

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.