radio button onchecked

**persia** · 09/05/2009, 17h43

Bonjour,

J'aimerais afficher un message en javascript dés qu'un utilisateur coche une case dans l'un de mes radio button sans passer par un bouton submit ou quelque chose du genre. Un peu l'équivalent de onchange dans un select.

J'ai essayé ce bout de code mais ça ne fonctionne pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" defer="defer">
if(document.getElementById('luc').checked ==true){
       alert('je suis luc');
}
else if (document.getElementById('michel').checked ==true){
       alert("je suis michel");
}
</script>
 
 
<input type="radio" name="auteurs" value="luc" checked="checked" id="luc">Luc<br>
<input type="radio" name="auteurs" value="michel" id="michel">Michel

Merci

**Walterbelo** · 09/05/2009, 19h57

En utilisant onChange cela fonctionne très bien :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" defer="defer">
function ch() {
if(document.getElementById('luc').checked ==true){
       alert('je suis luc');
}
else if (document.getElementById('michel').checked ==true){
       alert("je suis michel");
}
}
</script>
 
 
<input type="radio" name="auteurs" value="luc" onChange="ch()" checked="checked" id="luc">Luc<br>
<input type="radio" name="auteurs" value="michel" onchange="ch()" id="michel">Michel

**persia** · 09/05/2009, 20h26

Envoyé par Walterbelo

En utilisant onChange cela fonctionne très bien :

Ah ok...je savais pas qu'on pouvait utilier onchange sur les radio button, donc théoriquement ca doit fonctionner aussi avec les checkbox.

Je vais essayer ca.

Merci

**persia** · 09/05/2009, 20h33

Envoyé par Walterbelo

En utilisant onChange cela fonctionne très bien :

Apparement ya un bug avec IE, pour que je puisse avoir le message adequat, je dois selectionner le choix souhaitée, de plus, je dois faire un autre clique de la souris en dehors du radio button pour que ca fonctionne

Tu peux essayer le code sur IE et tu comprendra de quoi je veux parler.

**Walterbelo** · 09/05/2009, 21h33

En effet. Voici un script OK avec FF et IE

Code html :

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
<body onClick="oc()"></body>
<script type="text/javascript" defer="defer">
chk="luc";   //Option de d‚part        
function oc() {
if(document.getElementById(chk).checked !=true){
if(document.getElementById('luc').checked ==true){
       alert('je suis luc');chk="luc";
}
else if (document.getElementById('michel').checked ==true){
       alert("je suis michel");chk="michel";
}
}
}
</script>
 
<input type="radio" name="auteurs" value="luc" checked="checked" id="luc">Luc<br>
<input type="radio" name="auteurs" value="michel"  id="michel">Michel

**andry.aime** · 11/05/2009, 07h51

Salut, pourquoi ne pas utiliser onclick sur les radio et non sur le formulaire?

Code :

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

1
2
<input type="radio" name="auteurs" value="luc" checked="checked" id="luc" onclick="oc()">Luc<br>
<input type="radio" name="auteurs" value="michel"  id="michel" onclick="oc()">Michel

**Walterbelo** · 11/05/2009, 13h45

Andry.aime a bien raison !

**persia** · 12/05/2009, 19h43

Envoyé par andry.aime

Salut, pourquoi ne pas utiliser onclick sur les radio et non sur le formulaire?

Code :

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

1
2
<input type="radio" name="auteurs" value="luc" checked="checked" id="luc" onclick="oc()">Luc<br>
<input type="radio" name="auteurs" value="michel"  id="michel" onclick="oc()">Michel

En effet, c'est encore mieux

Merci

radio button onchecked

JavaScript

Discussions similaires

Partager

Partager