Evénement checkbox et javascript

**Madoka** · 08/02/2008, 11h16

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 :

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
 <HTML>
<BODY>
<script language="Javascript">
<!--
function ForcerCaseCochee1(form)
{
if (form.checkbox1.checked)
{
  form.checkbox2.checked=0
}
}
function ForcerCaseCochee2(form)
{
if (form.checkbox2.checked)
{
  form.checkbox1.checked=0
}
}
// -->
</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.

**le_chomeur** · 08/02/2008, 11h25

Salut

Pourquoi ne pas utiliser des boutons radio ??

sinon pour le réutiliser sur X checkbox

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
 
 <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 ...

**Madoka** · 08/02/2008, 11h31

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.

**E.Bzz** · 08/02/2008, 11h34

Bonjour,
attention au

Code :

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

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+

**Madoka** · 08/02/2008, 11h36

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

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

Evénement checkbox et javascript

JavaScript

Discussions similaires

Partager

Partager