[javascript] : funzione checkall

**Whitecrowsrain** · 07-06-2005, 17:27

ho questa funzione:

codice:

function CheckAll() 
{
	for (var i=0;i<document.form.elements.length;i++) 
	{
		var e = document.form.elements[i];
		if ((e.name != 'allbox') && (e.type=='checkbox')) 
                {
			e.checked = document.form.allbox.checked;
		}
	}
}

che ho preso in prestito da questo sito..
funzionamento semplice :
messo in un form con dei checkbox, dovrebbe selezionarli tutti se uno di questi ("allbox") viene selezionato

ex:

codice:

<form name=prova action=# method="post">
    <input name="allbox" type="checkbox" value="Check All" title="Select/Deselect All" onClick="CheckAll();" >
    <input name="check1" type="checkbox" value="yes">
    <input name="check2" type="checkbox" value="yes">
    .
    . 
    .
    <input name="checkN" type="checkbox" value="yes">
</form>

dove se seleziono il primo checkbox dovrebbe selezionarli tutti i restanti...ma non mi funziona...dove sbaglio?

**Whitecrowsrain** · 07-06-2005, 17:49

nessuno lo sa?

**Yoava333** · 07-06-2005, 17:52

codice:

 <script type="text/javascript">
//<![CDATA[
<!--
var allCB = [];
onload = function(){
	var tmp = document.getElementById("x").getElementsByTagName("input");
	for (i=0;i<tmp.length;i++)
		if (tmp[i].type=='checkbox')
			allCB.push(tmp[i]);
}
function doAll(b){
	for (i=0;i<allCB.length;i++)
		allCB[i].checked = b;
}
//-->
//]]>
  </script>
  <body>
  <form id="x">
	 <input type='checkbox' onclick="doAll(this.checked);"/>

	<input type='checkbox' name='x1'/>

	<input type='checkbox' name='x2'/>

	<input type='checkbox' name='x3'/>

	<input type='checkbox' name='x4'/>

	<input type='checkbox' name='x5'/>

	<input type='checkbox' name='x6'/>

	<input type='checkbox' name='x7'/>

	<input type='checkbox' name='x8'/>

	<input type='checkbox' name='x9'/>

	<input type='checkbox' name='x10'/>

	<input type='checkbox' name='x11'/>

	<input type='checkbox' name='x12'/>

	<input type='checkbox' name='x13'/>

	<input type='checkbox' name='x14'/>

	<input type='checkbox' name='x15'/>

	<input type='checkbox' name='x16'/>

	<input type='checkbox' name='x17'/>

	<input type='checkbox' name='x18'/>

	<input type='checkbox' name='x19'/>
  </form>
  </body>

**Whitecrowsrain** · 07-06-2005, 18:02

grazie ma...

non mi funziona lo stesso!

**Whitecrowsrain** · 07-06-2005, 18:11

ho trovato l'errore nello script postato da me:

scrive

"document.form.elemnts è nullo o non è un oggetto"

xkè?

**Mich_** · 07-06-2005, 18:31

Perche` non esiste l'oggetto document.form

Comunque il nome form non e` da usare per un nome, dato che e` usato dal DOM.

Vedi questa modifica:

codice:

function CheckAll(cc) {
  var ee = cc.form.elements;
  for (var i=0; i<ee.length; i++) {
    if((ee[i].type == 'checkbox') && (ee.name != 'allbox') ) {
      ee.checked = cc.checked;
    }
  }
}

Da chiamare con:
<input name="allbox" type="checkbox" value="Check All" title="Select/Deselect All" onClick="CheckAll(this);" >
<input name="check1" type="checkbox" value="yes">
<input name="check2" type="checkbox" value="yes">

**Whitecrowsrain** · 07-06-2005, 19:18

Originariamente inviato da Mich_
Perche` non esiste l'oggetto document.form

Comunque il nome form non e` da usare per un nome, dato che e` usato dal DOM.

Vedi questa modifica:

codice:

function CheckAll(cc) {
  var ee = cc.form.elements;
  for (var i=0; i<ee.length; i++) {
    if((ee[i].type == 'checkbox') && (ee.name != 'allbox') ) {
      ee.checked = cc.checked;
    }
  }
}

Da chiamare con:
<input name="allbox" type="checkbox" value="Check All" title="Select/Deselect All" onClick="CheckAll(this);" >
<input name="check1" type="checkbox" value="yes">
<input name="check2" type="checkbox" value="yes">

l'errore non lo fa + ma non mi mette i checkbox a cheched...vale a dire non fa nulla!!!

**Whitecrowsrain** · 07-06-2005, 19:25

ho trovato la soluzione giusta, c'era qualche errore nel tuo script ma l'idea era buona..grazie a tutti per il contributo

P.S.
lo script corretto è:

codice:

function CheckAll(cc) 
{
 	 var ee = cc.form.elements;
  	for (var i=0; i<ee.length; i++) 
  	{
    	        if((ee[i].type == 'checkbox') && (ee[i].name != 'allbox') ) 
    		{
     			ee[i].checked = cc.checked;
    		}
  	}
}

Discussione: [javascript] : funzione checkall

Strumenti discussione

Ricerca discussione

Visualizza

[javascript] : funzione checkall

Permessi di invio