Récuperer la valeur exacte

Version imprimable

Bonjour

J'ai ce code dans le but de recupérer la valeur exacte du bouton radio cliker provenant d'un formulaire.

exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <input type="radio" name="choix1" id="IDrad1" value="1" onclick="JavaScript:xmlhttpPost(); return false;"/> <input type="radio" name="choix1" id="test1" value="1" /> <input type="radio" name="choix2" id="IDrad2" value="2" onclick="JavaScript:xmlhttpPost(); return false;"/> <input type="radio" name="choix2" id="test2" value="2" /> <input type="radio" name="choix3" id="IDrad3" value="3" onclick="JavaScript:xmlhttpPost(); return false;"/> <input type="radio" name="choix3" id="test3" value="3" /> <input type="radio" name="choix1" id="test1" value="1" /> <input type="radio" name="choix4" id="IDrad4" value="4" onclick="JavaScript:xmlhttpPost(); return false;"/> <input type="radio" name="choix4" id="test4" value="4" /> .... <input type="radio" name="choix20" id="IDrad20" value="20" onclick="JavaScript:xmlhttpPost(); return false;"/> <input type="radio" name="choix20" id="test20" value="20" />
la fonction javascript me permettant de recuperer la valeur du bouton radio cliker est :
Code:

1 2 3 4 5 6 7 8 9 10 11 ...... var tvar2=""; var allT=20; for(j=1;j<=allT;j++) { if (document.getElementById("IDrad"+j).checked) tvar2 = document.getElementById("IDrad"+j).value; } alert('RAPPEL ='+tvar2);
Cette alerte à la fin c'est pour voir la valeur de tvar2.

Constat : quand on click sur le premier ayant pour valeur 1; dans l'alerte on a la bonne valeur 1; quand on click sur celui qui la valeur 3 on a le retour qui est 3 pareille pour la celui qui a la valeur 19. Ce qui est normal.

Le problème c'est quand on revient sur les précédents. par exemple quand je reviens sur le bouton radio 3 la valeur récuperer reste la dernière grande valeur c'est à dire le 19 et tant que je ne change click par sur un bouton ayant une valeur supérieur à 19 j'aurai toujours la même valeur 19 qui est retourné comme si c'est une valeur de SESSION.

POuvez vous m'aidez SVP
Merci d'avance

salut,
Citation:
Envoyé par Interface
Code:

1 2 3 4 5 6 7 8 9 10 11 ...... var tvar2=""; var allT=20; for(j=1;j<=allT;j++) { if (document.getElementById("IDrad"+j).checked) tvar2 = document.getElementById("IDrad"+j).value; } alert('RAPPEL ='+tvar2);
Le problème c'est quand on revient sur les précédents. par exemple quand je reviens sur le bouton radio 3 la valeur récuperer reste la dernière grande valeur c'est à dire le 19 et tant que je ne change click par sur un bouton ayant une valeur supérieur à 19 j'aurai toujours la même valeur 19 qui est retourné comme si c'est une valeur de SESSION.
Le fragment de code que tu donnes dit :
Code:

1 2 3 4 5 6 POUR j=1 à 20 SI l'element d'id 'IDrad' + j est coché mémoriser dans tvar2 la valeur de J FIN SI FIN POUR AFFICHER tvar2
il n'y a rien qui dit de s'arrêter à 3 ; comme tu va de 1 à 20, dans tvar2, tu n'auras bien que le plus grand index...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 ...... var tvar2= new Array(); var allT=20; for(j=1;j<=allT;j++) { if (document.getElementById("IDrad"+j).checked) { tvar2.push(document.getElementById("IDrad"+j).value); alert(document.getElementById("IDrad"+j).value) } } alert('RAPPEL ='+tvar2.join(",");

22/02/2010, 12h00
SpaceFrog
2 remarques :

pourquoi :
Code:

1 2 onclick="javascript: ...
un evènement onclick ne s'attend pas à ce que tu lui donne la recette des crepes suzette ...

et le

Code:

return false;

selon toi il te sert à quoi là ?
22/02/2010, 12h32
Interface
POur les remarques de SpaceFrog sache que j'utilise AJAX derrière et c'est le nom de la fonction.

POur la solution j'ai un souci
d'abord pourquoi avoir mis encore
Code:

1 2 ...... alert(document.getElementById("IDrad"+j).value)
Et une petite erreur la parenthèse fermante

Code:

alert('RAPPEL ='+tvar2.join(","));

Aussi je constate que ça m'affiche les valeurs dans un array c'est bien mais c'est pas ce que je veux. Je veux juste la valeur du bouton radio clické en dernier.

Si c'était 5 et que je click sur 2 il doit me retourner 2 et non 2,5
si je click sur 10 il doit me retourner la valeur unique 10 et non 2,5,10

merci de m'aider
22/02/2010, 13h15
SpaceFrog

Citation:

AJAX derrière et c'est le nom de la fonction.

quoi Javacsript est le nom de ta fonction ?????

ceci suffirait

Code:

onclick="xmlhttpPost(); "/>
22/02/2010, 13h21
Bovino
Passe le value en paramètre de la fonction...

Code:

onclick="xmlhttpPost(this.value);"

Citation:

Envoyé par Interface

POur les remarques de SpaceFrog sache que j'utilise AJAX derrière et c'est le nom de la fonction.

:koi:
Les remarques de SpaceFrog étaient plutôt :
- Ajouter javascript: dans un attribut d'événement n'a absolument aucun sens et encore moins d'utilité puisque ces attributs attendent précisément du code JavaScript.
- Mettre un return false n'a pas non plus d'intérêt puisqu'il n'y a pas de comportement par défaut à annuler.
22/02/2010, 13h28
andry.aime

Bonjour,

Citation:

J'ai ce code dans le but de recupérer la valeur exacte du bouton radio cliker provenant d'un formulaire.

Citation:

<input type="radio" name="choix1" id="IDrad1" value="1" onclick="JavaScript:xmlhttpPost(); return false;"/>
<input type="radio" name="choix1" id="test1" value="1" />

Tous tes radios bouton de même nom ont le même valeur :calim2:.
22/02/2010, 13h47
gwyohm
Citation:
Envoyé par Interface

POur la solution j'ai un souci
d'abord pourquoi avoir mis encore

Code:

1 2 ...... alert(document.getElementById("IDrad"+j).value)

Et une petite erreur la parenthèse fermante

Code:

alert('RAPPEL ='+tvar2.join(","));

Aussi je constate que ça m'affiche les valeurs dans un array c'est bien mais c'est pas ce que je veux. Je veux juste la valeur du bouton radio clické en dernier.

Si c'était 5 et que je click sur 2 il doit me retourner 2 et non 2,5
si je click sur 10 il doit me retourner la valeur unique 10 et non 2,5,10
Je voulais juste te faire remarquer que l'algorithme choisi ne pouvait en aucun cas aboutir aux résultats que tu attends.
Si ce que tu veux, c'est afficher la valeur de l'élément clické, y'a plus simple.
Code:

1 2 3 4 5 6 <input type="radio" name="choix1" id="IDrad1" value="1" onclick="xmlhttpPost(this)"/> function xmlhttpPost(radio) { // du code alert(radio.value); }
Edit: fait comme Bovino dit en somme :P
22/02/2010, 16h41
Interface

Effectivement c'étais ça l'astuce qui me manquait. je l'ai adapté à mon code et ça marche impect.

Merci encore pour vos contributions.

Bonne journée