controle de certaines checkbox

Version imprimable

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:

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

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

Code:

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

22/05/2008, 12h48
Telecaster

Merci, je vais essayer

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

Merci
22/05/2008, 12h51
nabab

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

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

voici le code :

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

22/05/2008, 13h42
nabab
Parce que tu mets ton onsubmit sur le bouton au lieu du form?
Code:

1 2 <form onsubmit="checked();">
22/05/2008, 13h44
tusssss

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

Code:

onsubmit="return check();"
22/05/2008, 13h49
nabab

Tusssssssss a raison, c'est "return checked();" et non juste "checked();", sinon ton form sera quand meme posté...
22/05/2008, 14h00
Telecaster

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

CA MARCHE :D 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" ?
22/05/2008, 14h10
Matthieu2000

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