Ich habe diese HTML-Tabelle und span. Ich versuche es so zu machen, dass in jeder Zeile value1 und value2 addiert und in der Summenzelle in derselben Zeile angezeigt werden. Außerdem wird jeder Wert für Wert1, Wert2 und Summe in Zeile 1 und Zeile 2 zusammenaddiert und im Bereich für diese bestimmte Spalte angezeigt.Mehrere Funktionen für EventListener Callback
Ich weiß für die Zeilen wäre es einfach, aber kann ich mehrere Funktionen für die JavaScript-Ereignis-Listener auf ein einzelnes Element haben, würde man die Berechnung für die Spalte und die andere würde die Berechnung für Zeilen tun. Oder soll ich eine Bibliothek verwenden (zB. KnockoutJS)
<table style="border: 1px solid">
<thead style="border: 1px solid">
<th>
Value 1
</th>
<th>
Value 2
</th>
<th>
Sum
</th>
</thead>
<tr>
<td id="r1c1">
<input style="width:50px" />
</td>
<td id="r1c2">
<input style="width:50px" />
</td>
<td id="r1c3">
<span id="r1Sum">0</span>
</td>
</tr>
<tr>
<td id="r2c1">
<input style="width:50px"/>
</td>
<td id="r2c2">
<input style="width:50px"/>
</td>
<td id="r2c3">
<span id="r2Sum">0</span>
</td>
</tr>
</table>
Value 1 column total: <span id="val1ColTotal">0</span>
Value 2 column total: <span id="val2ColTotal">0</span>
Sum column total: <span id="sumColTotal">0</span>
JSFIDDLE https://jsfiddle.net/gauldivic/4002h1wj/2/
Sie können beliebig viele Ereignisse zu jedem Element hinzufügen. – zzzzBov