Salut j'utilise this table pour calculer la somme.je dois faire est que je veux prendre l'entrée des zones de texte ci-dessous r1, r2, r3, et calculer la somme des cases ci-dessous par exemple: - totalcost= r1.value*5+r2.value*6+r3.value*5
comme ça il doit arriver pour chaque valeur de ligne surclic .... comment puis-je faire cela?Comment calculer la somme pour plusieurs lignes?
ici nous mon code:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function updatesum() {
var totalFields = document.input.time.length;
for(var i=0; i <= totalFields; i++){
document.input.total[i].value = (document.input.time[i].value * document.input.cost[i].value);
}
return false;
}
</script>
<style>
input {
float: right;
}
</style>
</head>
<body>
<form name="input" action="#" method="post" onsubmit="return false;">
<table border="1">
<tr><th>Sl.no</th><th>id</th><th>title</th><th>R1<br><input type="text" name="cost" value=" "></th><th>R2<br><input type="text" name="cost" value=" "></th><th>R3<br><input type="text" name="cost" value=" "></th><th>Total Cost</th></tr>
<tr><td>1</td><td>1.1</td><td>task1</td><td><input type="text" name="time" value="5" disabled></td><td><input type="text" name="time" value="6" disabled></td><td><input type="text" name="time" value="5" disabled></td><td><input type="text" name="cost" value=" " disabled></td></tr>
<tr><td>2</td><td>1.2</td><td>task1</td><td><input type="text" name="time" value="7" disabled></td><td><input type="text" name="time" value="8" disabled></td><td><input type="text" name="time" value="2" disabled></td><td><input type="text" name="cost" value=" " disabled></td></tr>
<tr><td>3</td><td>1.4</td><td>task1</td><td><input type="text" name="time" value="9" disabled></td><td><input type="text" name="time" value="4" disabled></td><td><input type="text" name="time" value="7" disabled></td><td><input type="text" name="cost" value=" " disabled></td></tr>
<tr><td colspan="7"><input type="submit" value="submit" name="submit" onclick="updatesum()"></td></tr>
</table>
</form>
</body>
</html>
Cette réponse suppose que jQuery est disponible (ce qui devrait être, mais malheureusement ce n'est pas) –
Merci Jason pour l'amener dans mon avis. le message est mis à jour. –