traitement de base javascript

Version imprimable

Bonjour à tous,

Voila, j'éspère obtenir votre aide sur une fonction en javascript dont je n'arrive pas because novice.
Le but: un formulaire checkbox avec 6 choix possible, lorsque le sizième choix est coché, on doit décoché toutes les autres cases coché et quand le sizième choix est coché on doit pas pouvoir coché les autres cases.

le formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<form name="formulaire" id="formulaire" action="confirmation.php" method="post"  onsubmit="return(verif_formulaire);"  >
<input type="checkbox" name="finished1" id="finished1" value="The Mystery of the Mummy" />The Mystery of the Mummy
</p>
<p>
<input type="checkbox" name="finished2" id="finished2"  value="The Silver Earring" />The Silver Earring
</p>
<p>
<input type="checkbox" name="finished3" id="finished3" value="The Awakened" />The Awakened
</p>
<p>
<input type="checkbox" name="finished4" id="finished4" value="Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis) " />Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis)
</p>
<p>
<input type="checkbox" name="finished5" id="finished5" value="The Awakened (remastered edition)" />The Awakened (remastered edition)
</p>
<p>
<input type="checkbox" name="finished6" id="finished6" value="None" onclick="finished()" />None

la fonction javascript:

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
38
39
40
41
42
43
 
<script language="javascript">
 function episode()
     {
    // compte tous les éléments du formulaire
	//declaration de objet en .js[elements] 
    var temp = document.formulaire.elements.length;
     if (document.formulaire.elements[6].checked)
     { // si la case est cochée
     for (i=6; i < temp; i++)
     { // on coche toutes les autres
     document.formulaire.elements[i].checked=0  ;
     }
     }
     else 
     {
     for (i=6; i < temp; i++)
     { // on décoche tout
     document.formulaire.elements[i].checked=1;
     }
     }
     }
function finished()
     {
    // compte tous les éléments du formulaire
    var temp = document.formulaire.elements.length;
     if (document.formulaire.elements[6].checked)
     { // si la case est cochée
     for (i=0; i < temp; i++)
     { // on coche toutes les autres
     document.formulaire.elements[i].checked;
     }
     }
     else
     {
     for (i=0; i < temp; i++)
     { // on décoche tout
     document.formulaire.elements[i].checked();
     }
     }
     }
 
</SCRIPT>

la fonction actuelle permet de coché toutes les cases ou de décoché toutes les cases. je ne sais vraiment plus comment faire pour arrivé au but.
merci de l'aide que vous pourrez m'apporter :)
sam!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function finished(chBox)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = document.formulaire.elements.length;
 
	     for (i=0; i < temp; i++)
	     { 
			if(document.formulaire.elements[i].type=="checkbox" && document.formulaire.elements[i]!=chBox)
				{
					document.formulaire.elements[i].checked=valCheck;
				}
	     }
 
 
}
 
 
<input type="checkbox" name="finished6" id="finished6" value="None" onclick="finished(this)" />None

checked est un attribut que tu peux mettre à true/false;

merci beaucoup.
j'ai encore quelque problème donc je ne sais pas résoudre par moi même :(

- lorsque je coche le bouton none, ca decoche bien les autres choix du formulaire mais si je décoche le none ça coche tous les autres choix, comment pourrais-je résoudre ce problème?

- J'ai deux formulaires checkbox mais avec un traitement différent, comment puis-je les appeler différement dans le traitement javascript?

soit le premier formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<input type="checkbox" name="episode1" id="episode1"  value="The Mystery of the Mummy"  />The Mystery of the Mummy
</p>
<p>
<input type="checkbox" name="episode2"  id="episode2" value="The Silver Earring" />The Silver Earring
</p>
<p>
<input type="checkbox" name="episode3" id="episode3" value="The Awakened" />The Awakened
</p>
<p>
<input type="checkbox" name="episode4"  id="episode4" value="Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis)" />Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis)
</p>
<p>
<input type="checkbox" name="episode5" id="episode5" value="The Awakened (remastered edition)" />The Awakened (remastered edition)
</p>
<p>
<input type="checkbox" name="episode6" id="episode6" value="None" onclick="episode()"  />None

le deuxième formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<input type="checkbox" name="finished1" id="finished1" value="The Mystery of the Mummy" />The Mystery of the Mummy
</p>
<p>
<input type="checkbox" name="finished2" id="finished2"  value="The Silver Earring" />The Silver Earring
</p>
<p>
<input type="checkbox" name="finished3" id="finished3" value="The Awakened" />The Awakened
</p>
<p>
<input type="checkbox" name="finished4" id="finished4" value="Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis) " />Sherlock Holmes versus Arsene Lupin (Sherlock Holmes : Nemesis)
</p>
<p>
<input type="checkbox" name="finished5" id="finished5" value="The Awakened (remastered edition)" />The Awakened (remastered edition)
</p>
<p>
<input type="checkbox" name="finished6" id="finished6" value="None" onclick="finished(this)" />None

avec la fonction qui m'a était gentillement donné

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function finished(chBox)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = document.formulaire.elements.length;
 
	     for (i=0; i < temp; i++)
	     { 
			if(document.formulaire.elements[i].type=="checkbox" && document.formulaire.elements[i]!=chBox)
				{
					document.formulaire.elements[i].checked=valCheck;
				}
	     }
 
 
}

merci pour votre aide qui est toujours de grande qualité

Citation:

Envoyé par samspitz

- J'ai deux formulaires checkbox mais avec un traitement différent, comment puis-je les appeler différement dans le traitement javascript?

j'ai limpression que tu as un seul formulaire avec deux sortes de liste!

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
 function episode(chBox)     {
    checkBxList(chBox,"episode");
}
 
function finished(chBox){
	checkBxList(chBox,"finished");
}	
 
function checkBxList(chBox, chName)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = chBox.form.elements.length;
 
	     for (i=0; i < temp; i++)
	     { 
			if(chBox.form.elements[i].type=="checkbox" 
			&& chBox.form.elements[i].name.indexOf(chName)==0
			&& chBox.form.elements[i]!=chBox) {
					chBox.form.elements[i].checked=valCheck;
				}
	     }     
 
}
 
<input type="checkbox" name="episode6" id="episode6" value="None" onclick="episode(this)"  />None

Encore merci,
il me reste un souci:
- quand je clique sur none il me décoche bien les autre choix en cochant la case. mais si par la suite je décoche la case none il coche toutes les autres cases, comment gérer ca?

la fonction:

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
 
 function episode(chBox)     {
    checkBxList(chBox,"episode");
}
 
function finished(chBox){
	checkBxList(chBox,"finished");
}	
 
function checkBxList(chBox, chName)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = chBox.form.elements.length;
 
	     for (i=0; i < temp; i++)
	     { 
			if(chBox.form.elements[i].type=="checkbox" 
			&& chBox.form.elements[i].name.indexOf(chName)==0
			&& chBox.form.elements[i]!=chBox) {
					chBox.form.elements[i].checked=valCheck;
				}
	     }     
 }

merci

16/02/2009, 15h37
Matthieu2000

Citation:

if (valCheck){}

ou son inverse
16/02/2009, 15h41
samspitz

Désolé mais j'ajoute ca ou et comment?
merci
16/02/2009, 16h03
Matthieu2000

presque n'inporte tout dans la fonction...

j'ai ajouter ceci sans succès

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function checkBxList(chBox, chName)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = chBox.form.elements.length;
    if (valCheck){}
	     for (i=0; i < temp; i++)
	     { 
			if(chBox.form.elements[i].type=="checkbox" 
			&& chBox.form.elements[i].name.indexOf(chName)==0
			&& chBox.form.elements[i]!=chBox) {
					chBox.form.elements[i].checked=valCheck;
 
				}
	     }     
 
}

toujours le meme resultat

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function checkBxList(chBox, chName)
     {
	 valCheck=!chBox.checked;
    // compte tous les éléments du formulaire
    var temp = chBox.form.elements.length;
    if (!valCheck){
	     for (i=0; i < temp; i++)
	     { 
			if(chBox.form.elements[i].type=="checkbox" 
			&& chBox.form.elements[i].name.indexOf(chName)==0
			&& chBox.form.elements[i]!=chBox) {
					chBox.form.elements[i].checked=valCheck;
 
				}
	     }     
 }
}

:sm::sm::boulet: