event sur radio buttons : onclick, setTimeout,onchange
Bonjour, j’ai un problème lié aux radios buttons en JavaScript.
Je suis loin d’être un expert en la matière.
J’ai un champs pour rentrer un poids, à coté deux radio Button (Kilo,pounds) dans un groupe.
Avec un Onclick qui change la valeur du champ de kilo à pounds en divisant ou multipliant.
100 ● kilos ○ pounds
220 ○ kilo ● pounds
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| onclick="javascript:cm_to_inchesVal('height');"
function kg_to_pounds(field) {
var convert;
var weight = parseInt(document.getElementById (field).value);
if (!isNaN(weight)) {
convert = Math.round(weight * kgTolbs);
if (convert == 0)
document.getElementById (field).value = "";
else
document.getElementById (field).value = convert;
} else {
document.getElementById (field).value = "";
}
} |
Problème :
Tout fonctionne bien tant que l’utilisateur alterne les clicks sur les radios bouttons.
Évidemment, avec le onclick, quand je clique plusieurs fois de suite sur un des radios boutons la valeur affichée continue de se multiplier (ou de se diviser).
Comment faire pour que mon script ne soit appelé que si le boutton a réellement été switché ? (Avec la souris et le clavier)
Solutions que j’ai (mal ?) essayées:
J’ai remplacé le onclick par onchange qui ne fonctionne pas sous IE.
Code:
onchange="javascript: kg_to_poundsVal (‘weight’);"
J’ai ajouté un setTimeOut au onchange qui ne fonctionne pas mieux sous IE.
Code:
onchange=”javascript:setTimeout(function(){kg_to_pounds('weight'),100});”
J’ai écrit une nouvelle fonction JavaScript (kg_to_poundsVal) pour tester la valeur du radio Boutton et faire la conversion uniquement si celui-ci a réellement changé mais d’après ce que j’ai pu voir, le onlick est « raisé » après que le boutton a changée. Du coup le radioButton sur lequel je viens de cliquer est toujours checked.
Code:
1
2
3
4
5
6
7
8
| onclick="javascript: kg_to_poundsVal (‘weight’);"
function kg_to_poundsVal(value){
if (!document.formRequestDetailForm.heightUnit[1].checked){
kg_to_pounds (value);
}
} |
J’ai remplacé onclick par onmousdown qui lui est raisé avant le changement (qui résou le problème ci-dessus). Fonctionne bien avec la souris mais pas en cas de navigation au clavier.
Du coup je suis un peu bloqué.
Que dois-je faire ?
