traitement de base javascript

**samspitz** · 16/02/2009, 12h26

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 :

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

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
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!

**Matthieu2000** · 16/02/2009, 13h58

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
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;

**samspitz** · 16/02/2009, 14h12

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 :

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

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

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
 
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�

**Matthieu2000** · 16/02/2009, 14h36

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 :

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

**samspitz** · 16/02/2009, 15h11

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 :

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

**Matthieu2000** · 16/02/2009, 15h37

if (valCheck){}

ou son inverse

traitement de base javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager