Discussion :

[tronzo]

Bonjour,
je suis débutant...
j'ai un tableau de 3 colonnes:

*la première colonne déjà rempli
*dans la deuxième colonne j'ai un input texte
* la troisième colonne est vide
lorsque j'entre une valeur dans input la 3eme colonne doit être rempli par la somme des deux première colonnes,

est ce qu'il y a un exemple ou je peux m'inspirer.

merci d'avance

[Finality]

Bonjour,

voici le code HTML pour le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<table>
	<tr>
		<td id="col1">12</td>
		<td><input type="text" id="col2" /></td>
		<td id="col3"></td>
	</tr>
</table>

et le JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$('#col3').append(parseInt($('#col1').html()) + parseInt($('#col2').val()));

Attention ici on manipule la balise td et pas tr

[tronzo]

merci Finality

mais moi j'ai plusieurs ligne , et je veux que cela s'applique dans chaque ligne

[danielhagnoul]

Bonsoir

Pour une table ayant l'id "maTable". La table a trois colonnes et une structure normale, tbody ! En cas d'erreur, parseInt affiche NaN : Not a Number !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table id="maTable">
	<tbody>
		<tr>
			<td>12</td>
			<td><input type="text"/></td>
			<td></td>
		</tr>
		<tr>
			<td>24</td>
			<td><input type="text"/></td>
			<td></td>
		</tr>
	</tbody>
</table>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$("input", "#maTable").change(function(){
	var n2 = $(this).val(),
		objParent = $(this).parent(),
		n1 = objParent.prev().text(),
		r = parseInt(n2) + parseInt(n1);
 
	objParent.next().text(r);
});

[tronzo]

Merci infiniment