controle de certaines checkbox

**Telecaster** · 22/05/2008, 11h23

Salut

Voilà je débute en Javascript et j'aurais besoin d'un peu d'aide pour y voir plus clair, merci !

En fait j'ai un formulaire qui contient 20 checkboxs. Il y en a 4 d'entre elles qui correspondent à des catégories. Ce que je voudrais, c'est être sûr que l'utilisateur a au moins coché une des 4 (et une seule uniquement). Pour l'instant je pars d'un code qui permet de contrôler s'il y a au moins une checkbox cochée dans le formlaire.

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
function checked()
{
var msg = \"Mon message\";
var dForm = document.MonFormulaire;
var iChecked = 0;
for (i=0;i<dForm.length;i++)
{
var element = dForm[i];
if (element.type==\"checkbox\" && element.checked == true)
{
iChecked++;
}
}
if (iChecked > 0)
{
return true;
}
else
{
alert(msg);
return false;
}
}

Vous pouvez m'aider ?
J'imagine que dans le principe il faut que j'identifie mes checkboxs mais je ne sais pas comment y faire référence dans le Javascript

Merci

**nabab** · 22/05/2008, 12h02

Je suis pas sur que ce soit la meilleure methode mais ca devrait marcher:

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
 
// Tu crees un Array dans ta fonction avec le nom - pardon l'ID - de tes 4 checkboxes:
var myBoxes = new Array('checkbox1','checkbox2','checkbox3','checkbox4');
// Puis tu vérifies si elles sont cochées:
var numChecked = 0;
for (i=0; i<myBoxes.length; i++){
  if ( document.getElementById(myBoxes[i]).checked == true ){
// Si elle est cochée tu rajoutes 1 a ta variable numChecked
    numChecked += 1;
  }
}
// Si la valeur de numChecked est différente de 1, tu envoies ton alert:
if ( numChecked != 1){
  alert('Non!');
  retrun false;
}

**Telecaster** · 22/05/2008, 12h48

Merci, je vais essayer

Pardon, mais si c'est pas la meilleure méthode ? Tu ferais comment dans ce cas ?

Merci

**nabab** · 22/05/2008, 12h51

Je ferai ce que j'ai écrit tout en me demandant si c'est bien la meilleure méthode ;-)

**Telecaster** · 22/05/2008, 13h29

Ca fonctionne pas ! Je vois pas pourquoi, quelqu'un a une idée ?

voici le code :

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
<script>
function checked()
{
// Tu crees un Array dans ta fonction avec le nom - pardon l'ID - de tes 4 checkboxes:
var myBoxes = new Array('case1','case2','case3','case4');
// Puis tu vérifies si elles sont cochées:
var numChecked = 0;
for (i=0; i<myBoxes.length; i++){
  if ( document.getElementById(myBoxes[i]).checked == true ){
// Si elle est cochée tu rajoutes 1 a ta variable numChecked
    numChecked += 1;
  }
}
// Si la valeur de numChecked est différente de 1, tu envoies ton alert:
if ( numChecked != 1){
  alert('Non!');
  return false;
}
} 
</script>
</head>
 
<body>
<form action="testok.php" method="get">
 
<input id="case1" name="case1" type="checkbox" value="1" />
<input id="case2" name="case2" type="checkbox" value="1" />
<input id="case3" name="case3" type="checkbox" value="1" />
<input id="case4" name="case4" type="checkbox" value="1" />
<input type="submit" value="Envoyer" onsubmit="checked()" />
</form>
 
</body>

Merci

**nabab** · 22/05/2008, 13h42

Parce que tu mets ton onsubmit sur le bouton au lieu du form?

Code :

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

1
2
 
<form onsubmit="checked();">

**tusssss** · 22/05/2008, 13h44

un onsubmit se met dans la balise form en général, surement en écrivant :

Code :

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

onsubmit="return check();"

**nabab** · 22/05/2008, 13h49

Tusssssssss a raison, c'est "return checked();" et non juste "checked();", sinon ton form sera quand meme posté...

**Telecaster** · 22/05/2008, 14h00

Merci les gars, je vous avais prévenu je débute.

CA MARCHE

MERCI

Juste un détail, est-ce qu'il y a un moyen de changer l'intitulé de la fenêtre d'erreur Javascript. Actuellement j'ai : "La page sur http://localhost/ dit" ?

**Matthieu2000** · 22/05/2008, 14h10

http://www.developpez.net/forums/sho...ht=titre+title

controle de certaines checkbox

JavaScript

Discussions similaires

Partager

Partager