Javascript: cómo seleccionar y anular la selección de todos los elementos de una casilla de verificación

Aquí hay un guión en JS con 2 funciones seleccionar todo() es deseleccionar todo(). El primero a través de un enlace selecciona todos los elementos de la casilla de verificación, el segundo, en cambio, anula la selección de todos los elementos.

Nuestra lista de casillas de verificación tendrá el nombre de caja, primero contaremos el número de opciones presentes y finalmente, a través de un bucle en los elementos, uno a la vez establecemos cómo seleccionado o no seleccionado todas las casillas de verificación de la 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
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="https://www.informarea.it/Come-selezionare-e-deselezionare-tutti-gli-elementi-di-una-checkbox/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.

;

			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

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="https://www.informarea.it/Come-selezionare-e-deselezionare-tutti-gli-elementi-di-una-checkbox/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.

;

			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="https://www.informarea.it/Come-selezionare-e-deselezionare-tutti-gli-elementi-di-una-checkbox/javascript:selezionatutti()">Seleziona tutti</a>

<br/>

<a href="javascript:deselezionatutti()">Deseleziona tutti</a>
Si quieres seguir las publicaciones de www.informarea.it puedes suscribirte a su RSS Feed.