Evénement checkbox et javascript

Version imprimable

Bonjour à la communauté. Voilà, actuellement en développement d'un site contenant un formulaire, celui comporte des checkbox, groupées 2 à 2, j'aimerais qu'elles aient le même effet que des boutons radios, donc si l'on en coche une, l'autre se décoche. Voici le code actuel :
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 <HTML> <BODY> <script language="Javascript">  </script> <form name="form1"> <br><input type="checkbox" name="checkbox1" onClick="ForcerCaseCochee1(this.form)"> <br><input type="checkbox" name="checkbox2" onClick="ForcerCaseCochee2(this.form)"> </form> </body> </html>
Celui-ci fonctionne, mais n'ayant pas de grosses connaissances en javascript, j'aimerais savoir si il y a un moyen d'optimiser ce code afin de le réutiliser sur d'autres groupes de checkbox, en remplaçant le nom des checkbox par des variables par exemple.
D'avance Merci.

Salut :)
Pourquoi ne pas utiliser des boutons radio ?? 8O

sinon pour le réutiliser sur X checkbox

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 <HTML>
<BODY>
<script language="Javascript">
<!--
function ForcerCaseCochee(Check1,Check2)
{
if (document.forms[0].elements[Check1].checked)
{
  document.forms[0].elements[Check2].checked = false
}
 
 
}
// -->
</script>
<form name="form1">
<br><input type="checkbox" name="checkbox1" onClick="ForcerCaseCochee('checkbox1','checkbox2')">
<br><input type="checkbox" name="checkbox2" onClick="ForcerCaseCochee('checkbox1','checkbox2')">
</form>
</body>
</html>

Ca devrait fonctionner ... :)

08/02/2008, 11h31
Madoka

Merci je vais tester ceci, le but de ce formulaire est de compléter une base de données, les checkbox sont là pour préciser par exemple si la personne est un locataire ou un propriétaire, ce qui donnera par exemple dans la base pour une personne donnée :

Propriétaire | Locataire
0 | 1

Je les utilises donc pour en récupérer les valeurs.
08/02/2008, 11h34
E.Bzz

Bonjour,
attention au

Code:

forms[0]

quand il y a plusieurs <form> dans la page : l'ordre (donc l'indice) n'est pas maîtrisable. Le name, si ;)

A+

Voilà ça marche, il y avait juste un inversement des noms des checkbox à faire sur le deuxième appel de la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<HTML>
<BODY>
<script language="Javascript">
<!--
function ForcerCaseCochee(Check1,Check2)
{
if (document.forms[0].elements[Check1].checked)
{
  document.forms[0].elements[Check2].checked = false
} 
}
// -->
</script>
<form name="form1">
<br><input type="checkbox" name="checkbox1" onClick="ForcerCaseCochee('checkbox1','checkbox2')">
<br><input type="checkbox" name="checkbox2" onClick="ForcerCaseCochee('checkbox2','checkbox1')">
</form>
</body>
</html>

Merci de ton aide :D