Checkbox sélectionner tout + désactivation bouton

Version imprimable

Bonjour à tous,

J'essaye de créer une fonction toute bête s’exécutant lors de l'appuie sur la checkbox "sa" sélectionner tout ou sur une checkbox "foo" concernant une ligne du tableau.
Lors de l'appuie sur une checkbox, le bouton "exc" est censé s'activer (ce qui est le cas) et quand aucune checkbox n'est cochée, redevenir inactif (ce qui n'est pas le cas). De plus la "désélection" de tout ne fonctionne pas (j'imagine que Document.getElementsByName('sa').checked= false ne fonctionne pas)

J'aimerai également séparer les 2 actions de cette fonction (sélectionner tout et activer le bouton), pour faire en sorte que la fonction sélectionner tout appelle simplement l'activation ou désactivation du bouton.

Voilà un peu de code pour que vous compreniez de quoi je parle:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 function toggle(source) { if(document.getElementsByName('sa').checked=true){ checkboxes = document.getElementsByName('foo'); for(var i=0, n=checkboxes.length;i<n;i++) { checkboxes[i].checked = source.checked; } document.forms['formulaire'].exc.disabled=false; } if(document.getElementsByName('sa').checked=false){ checkboxes = document.getElementsByName('foo'); for(var i=0, n=checkboxes.length;i<n;i++) { checkboxes[i].checked = source.checked; } document.forms['formulaire'].exc.disabled=true; } if(document.getElementsByName("foo").checked){ document.forms['formulaire'].exc.disabled=false; } else { document.forms['formulaire'].exc.disabled=true; } } <input type="checkbox" onClick="toggle(this)" name="sa"/> <INPUT type="checkbox" name="foo" onClick="toggle(this)">
Si vous voyez comment m'aider, n'hésitez pas, je débute en javascript et y'a des chances pour que ça se voit..
See ya !

28/10/2013, 10h38
susumu

Bon déjà pour le décochage de tout, j'avais oublié le "else if".. donc ça fonctionne, par contre le bouton reste activé.
28/10/2013, 11h03
susumu

Après avoir tester, il ne rentre jamais dans le else if d'où le non changement d'état du bouton bien que je ne comprenne pas 8O
28/10/2013, 18h41
NoSmoking

Bonjour,
la méthode document.getElementsByName('sa') posséde un s, ce qui signifie que celle ci retourne une liste d'éléments.

Donc pour savoir si le 1er élément est coché il faut écrire

Code:

if(document.getElementsByName('sa')[0].checked){
29/10/2013, 10h03
susumu

Merci beaucoup, je pensais qu'ayant un seul élément, il comprendrait.. Autant pour moi ;)

C'est bon j'ai divisé mes fonctions en 2 et tout fonctionne (si quelqu'un veut la soluce très compliqué je vous l'accorde, qu'il pm)

Sujet clos, see ya
29/10/2013, 10h26
hackoofr

Citation:

Envoyé par susumu

Si quelqu'un veut la soluce très compliqué je vous l'accorde, qu'il pm

:salut:
Tu peux nous la partager sans qu'on vous PM :roll: c'est la moindre des choses en retour pour les gens qui ont passer leurs temps pour vous aider, maintenant c'est a ton tour de leurs rendre ce beau travail qui va certainement rendre un grand service pour tous les membres ;)
Partager c'est un Art !
La Connaissance s'accroît quand on la partage !

Je pensais qu'une fois le sujet clos, l'envoi de message était impossible, c'était pas par méchanceté :mouarf:

Alors voilà la bête:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function toggle(source) {
	if(document.getElementsByName('sa')[0].checked){
		checkboxes = document.getElementsByName('foo');
		for(var i=0, n=checkboxes.length;i<n;i++) {
			checkboxes[i].checked = source.checked;
		}
		document.forms['formulaire'].exc.disabled=false;
	}
 
	else {
		checkboxes = document.getElementsByName('foo');
		for(var i=0, n=checkboxes.length;i<n;i++) {
			checkboxes[i].checked = source.checked;
 
		}
 
 
			document.forms['formulaire'].exc.disabled=true;
	}
}
 
function active(){
	checkboxes = document.getElementsByName('foo');
	compt = 0;
		for(var i=0, n=checkboxes.length;i<n;i++) {
			if(checkboxes[i].checked){ 
				document.forms['formulaire'].exc.disabled=false;
				compt = 1;
			}			
 
		}
		if(compt==0){
			document.forms['formulaire'].exc.disabled=true;
		}
}
<input type="checkbox" onClick="toggle(this)" value="0" name="sa"/>
<INPUT type="checkbox" name="foo"  onClick="active()">