いくつかの値を持つ1つのスパンタグと、IDが自動的に生成された6つの入力を持つテーブルがあり、データベースから値が更新され、変更できます。
<td><span id="Day${c.id}">/*generated automatically*/</span></td>
<td><input class="inp${c.id}" name="b1-${c.id}" id="b1${c.id}" value="${c.exp?.b1}" type="text"/></td>
<td><input class="inp${c.id}" name="b2-${c.id}" id="b2-${c.id}" value="${c.exp?.b2}" type="text"/></td>
<td><input class="inp${c.id}" name="b3-${c.id}" id="b3-${c.id}" value="${c.exp?.b3}" type="text"/></td>
<td><input class="inp${c.id}" name="b4-${c.id}" id="b4-${c.id}" value="${c.exp?.b4}" type="text"/></td>
<td><input class="inp${c.id}" name="b5-${c.id}" id="b5-${c.id}" value="${c.exp?.b5}" type="text"/></td>
<td><input class="inp${c.id}" name="b6-${c.id}" id="b6-${c.id}" value="${c.exp?.b6}" type="text"/></td>
<td><span id="Total${c.id}">0</span></td>
次のように onKeyUp 式をリアルタイムで計算する必要があります。
total = span*(input1*(input2+input3)+input4+input5+input6)