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