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

Vue hybride

Discussions similaires

Partager

Partager