Discussion :

[caedb2]

Bonjour

Je d�bute en JS et j'ai besoin d'aide.
Comment r�cup�rer le contenu d'un bouton s�lectionn� et le multiplier par le nombre de kilom�tres entr� ( ID "km" pour ensuite l'afficher dans l'ID " resultat_km" )

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
function calcul_kilometre() {
	var radios = document.getElementsByName('prix');
	for (var i = 0 ; i <= radios.length ; i++) {
		if (radios[i].checked) {
			document.getElementById('resultat_km').value = radios[i].value;
		}
	}
}

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<p><input type="text" id="km" name="km" value=""> <label for="nombre_kilometre">Nombre de kilometres</label></p>
<p><input type="radio" id="prix" name="prix" value="0.62" onclick="calcul_kilometre()"> <label for="prix_kilo">0.62</label></p>
<p><input type="radio" id="prix" name="prix" value="0.89" onclick="calcul_kilometre()"> <label for="prix_kilo">0.89</label></p>
<p><input type="radio" id="prix" name="prix" value="0.99" onclick="calcul_kilometre()"> <label for="prix_kilo">0.99</label></p>
<p><label for="resultat_radio">Bouton radio sélectionné</label> <input type="text" id="resultat_km" readonly="readonly"/>

Merci par avance

HR

[naou18]

Je te conseil d'utiliser jQuery c'est plus facile pour faire des select sur des boutons radios, tu peux s�lectionner directement ce qui t�int�resse sans devoir parcourir tous le tableau, et apr�s tu multiplie par la valeur que tu veux.
J'esp�re que �a va t'aid�.

[Bovino]

Quoi ? Utiliser jQuery pour une simple multiplication ?

Et nul besoin de parcourir tout le tableau en JavaScript natif avec querySelector().

@caedb2 : il faudra aussi revoir les bases du HTML, un id doit �tre unique dans la page (et les attributs for de tes label ne correspondent � rien).

[caedb2]

Merci pour vos remarques.
Exact pour l'ID unique.

Mais en dehors de mes erreurs pourriez vous me dire comment faire

Merci

[caedb2]

Code rectifi�.
Un peu d'aide sur la boucle Javascript me serait tr�s utile

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
function calcul_kilometre() {
	var radios = document.getElementsByName('prix');
	for (var i = 0 ; i <= radios.length ; i++) {
		if (radios[i].checked) {
			document.getElementById('resultat_km').value = radios[i].value;
		}
	}
}

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<p><input type="text" id="km" name="km" value=""> <label for="nombre_kilometre">Nombre de kilometres</label></p>
<p><input type="radio" id="prix062" name="prix" value="0.62" onclick="calcul_kilometre()"> <label for="prix_kilo">0.62</label></p>
<p><input type="radio" id="prix089" name="prix" value="0.89" onclick="calcul_kilometre()"> <label for="prix_kilo">0.89</label></p>
<p><input type="radio" id="prix099" name="prix" value="0.99" onclick="calcul_kilometre()"> <label for="prix_kilo">0.99</label></p>
<p><label for="resultat_radio">Bouton radio sélectionné</label> <input type="text" id="resultat_km" readonly="readonly"/>

Merci

[-Rpass-]

Bovino -> Je pense qu'il parlait d'utiliser JQuery pour faciliter la s�lection des �l�ments (au lieu de faire document.getElementById qui est assez lourd � faire), mais effectivement querySelector le fait en Javascript d�sormais

Et pour multiplier par le nombre de kilom�tres il te suffit de r�cup�rer la valeur ( si c'est bien un input ) et de le multiplier avant d'afficher ton r�sultat

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('resultat_km').value = radios[i].value * document.getElementById('km').value;

[Bovino]

De toute fa�on, le parcours du tableau n'a aucune utilit�, puisque la fonction est d�clench�e au clic d'un bouton radio, on a directement acc�s � celui qui a �t� cliqu� !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function calcul_kilometre() {
	document.getElementById('resultat_km').value = this.value * document.getElementById('km').value;
}

Ceci dit caedb2, si c'est toi qui a �crit le code pr�sent�, je comprends pas trop quel probl�me conceptuel te g�nait : tu avais d�j� toutes les m�thodes � utiliser sous les yeux...

[caedb2]

Merci pour la solution :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('resultat_km').value = radios[i].value * document.getElementById('km').value;

Celle-ci fonctionne

Merci