fonction javascript decoche case checkbox

Version imprimable

bonjour a tous
je souhaiterais, ce serais quand on coche la case none, elle décoche toutes les autres. je ne vois pas comment adapté la fonction .
en clair dés qu'on coche none, elle doit etre la seule coché et si d'autres ont était coché auparavant, elle sont decoché.

mais comment arrivé a ce resultat?
je n'y connais rien en javascript

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<SCRIPT language="javascript" type="text/javascript">
     //////////////////////////////////////////////////////////////////////////////////////
     // function checkall()
     // cette fonction s'execute lorsqu'on clique sur la checkbox principale
     // elle passe en revue les checkbox et les coche si necessaire
     // la checkbox d'indice 0 est la checkbox principale
     // rem si ovus ajouter des element de formulaire, il faudra mofifier le script
     // car l'instruction : temp = document.main.elements.length; comptabilise
     // tous les elements et pas uniquement les checkbox...
     //////////////////////////////////////////////////////////////////////////////////////
     function checkall()
     {
     // compte tous les éléments du formulaire en numérotant chronologiquement
     temp = document.main.elements.length;
     if (document.main.elements[0].checked)
     { // si la case est cochée
     for (i=1; i < temp; i++)
     { // on coche toutes les autres
     document.main.elements[i].checked=1;
     }
     }
     else
     {
     for (i=1; i < temp; i++)
     { // on décoche tout
     document.main.elements[i].checked=0;
     }
     }
     }
     //////////////////////////////////////////////////////////////////////////////////////
     // function checkone()
     // cette fonction s'execute lorsqu'on coche ou décoche une checkbox qcq
     // elle fait le compte des checkbox cochée pour savoir s'il faut décocher
     // ou cocher la checkbox principale...
     //////////////////////////////////////////////////////////////////////////////////////
finction verif_formulaire()
{ 
m=0; // initialisation du nombre de cases cochées
     temp = document.formulaire.episode1.length;
     for (i=1; i < temp; i++)
     { // on commence à 1 pour ne pas prendre en compte la checkbox principale
     if (document.formulaire.elements[i].checked)
     { // si la checkbox courante est cochée, on comptabilise
     m++;
     }
     }
     if (document.formulaire.elements[0].checked)
     { // si la checkbox principale est cochée, on la décoche
     document.formulaire.elements[0].checked=0;
     }
     else
     { // dans le cas contraire, on vérifie que toutes les checkbox sont cochées
     if (m == (temp-1)) document.formulaire.elements[0].checked=1;
     }
  } 
     </SCRIPT>

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" onclick="verif_formulaire()" />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 versus Arsene Lupin
</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"   />None

merci beaucoup

13/02/2009, 12h40
E.Bzz

Bonjour,
une petite recherche dans les Contributions ? ;)

A+

j'ai pas trouvé mon bonheur.
si qqn avait la gentillesse de me montrer comment arriver a ce resultat, et le commenté....

rappel:
dés qu'on coche la case none, ca decoche toutes les autres case.

le 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 versus Arsene Lupin
</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="verif_formulaire()"  />None

la fonction javascript: ne sais pas vraiment:
une piste:

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
 
function verif_formulaire()
{
var adresse_email = document.formulaire.mail.value;
var arobase = adresse_email.indexOf("@");
var point = adresse_email.indexOf(".",arobase);
var mauvais_endroit_point = arobase+1;
var double_point = adresse_email.indexOf("..",arobase);
var nbre_carac = adresse_email.length - point;
var double_arobase = adresse_email.indexOf("@",arobase+1);
var info='';
var index=null;  
var  temp = document.formulaire.elements.length;
     if (document.formulaire.elements[6].checked)
     { // si la case est cochée
     for (i=1; 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=0;
     }
     }

merci d'avance

13/02/2009, 13h43
E.Bzz

Citation:

Envoyé par samspitz

j'ai pas trouvé mon bonheur.

C'est une plaisanterie ?

Je t'ai donné le lien direct sur le script qui fait ce que tu demandes :roll:
13/02/2009, 14h37
samspitz

non, ce n'ai pas une plaisanterie.
je ne vois pas comment adapté le script à mon cas.

si on pouvait m'aidé, à me dire comment réussir cette étape, ce serait génial.

merci pour tout.
13/02/2009, 15h05
E.Bzz

Citation:

Envoyé par samspitz

je ne vois pas comment adapté le script à mon cas.

Ce qui n'est pas vraiment la même chose ...

qu'est qui est pas la meme chose.

voila la fonction javascript que j'ai mis en place.

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
 
function verif_formulaire()
{
var adresse_email = document.formulaire.mail.value;
var arobase = adresse_email.indexOf("@");
var point = adresse_email.indexOf(".",arobase);
var mauvais_endroit_point = arobase+1;
var double_point = adresse_email.indexOf("..",arobase);
var nbre_carac = adresse_email.length - point;
var double_arobase = adresse_email.indexOf("@",arobase+1);
var info='';
var index=null;  
var temp = document.formulaire.elements.length;
     if (document.formulaire.elements[1].checked)
     { // si la case est cochée
     for (i=1; i < temp; i++)
     { // on coche toutes les autres
     document.formulaire.elements[i].checked=0;
     }
     }
     else
     {
     for (i=0; i < temp; i++)
     { // on décoche tout
     document.formulaire.elements[i].checked=1;
     }
     }

soit j'affiche tous les checkbox, soit j'efface tout alors que j'aimerais avoir le resultat que si je coche la case none ca efface les autres mais ca enfonse le clique sur none.
mais comment faire

le formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<input type="checkbox" name="formulaire" 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 versus Arsene Lupin
</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="verif_formulaire()"  />

merci