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

An article by Fabry19dice Commenti

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.

 

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

 

 

I Vostri commenti sono benvenuti!

Non esitate a lasciare le Vostre impressioni o a porre domande.

 

	Segui Informarea