radio button onchecked

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:

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

Ben onChange...

En utilisant onChange cela fonctionne très bien :

Code:

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

Citation:

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

Citation:

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.

IE devrait être interdit :)

En effet. Voici un script OK avec FF et IE

Code:

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

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

Code:

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

Pourquoi faire simple quand on peut faire compliqué !

Andry.aime a bien raison !

Citation:
Envoyé par andry.aime
Salut, pourquoi ne pas utiliser onclick sur les radio et non sur le formulaire?
Code:

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