Discussion :

[susumu]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

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

[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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

if(document.getElementsByName('sa')[0].checked){

[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

[hackoofr]

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

Tu peux nous la partager sans qu'on vous PM 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 !

[susumu]

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

Alors voilà la bête:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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()">