manipuler la balise <td>

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

Bonjour,

voici le code HTML pour le tableau :

Code:

---

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:

---

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

---

Attention ici on manipule la balise td et pas tr :ccool:

merci Finality

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

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:

---

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:

---

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); });

---

Merci infiniment :ccool: