Javascript/Jqueryなどについては何も知りませんが、Googleと人々の回答を使用して、次を使用してx個のフィールドを一緒に追加し、小計ボックスに表示しています。
次のスクリプトはループするため、1 が表示されるたびに各ループ カウントがインクリメントされます。各カウントの合計が表示されることを意味します。数値を編集すると、そのセクションの合計のみが更新されます。
var $form = $('#locations'),
$summands1 = $form.find('.addme1'),
$sumDisplay1 = $('#incoming1');
$form.delegate('.addme1', 'change', function () {
var sum = 0;
$summands1.each(function () {
var value = Number($(this).val());
if (!isNaN(value)) sum += value;
});
$sumDisplay1.val(sum);
$summandsa1 = $form.find('.addmea1'),
$sumDisplaya1 = $('#outgoing1');
});
$form.delegate('.addmea1', 'change', function () {
var sum = 0;
$summandsa1.each(function () {
var value = Number($(this).val());
if (!isNaN(value)) sum += value;
});
$sumDisplaya1.val(sum);
});
これはフォームの例です
<form id="locations" method='post' action=''>Loop 1
<br>
<input type="text" value="75" name="" class="addme1">
<input type="text" value="150" name="" class="addmea1">
<br>
<input type="text" value="75" name="" class="addme1">
<input type="text" value="150" name="" class="addmea1">
<br>
<input type="text" value="75" name="" class="addme1">
<input type="text" value="150" name="" class="addmea1">
<br>
<input type="text" value="75" name="" class="addme1">
<input type="text" value="150" name="" class="addmea1">
<br>
<input type="text" value="300" name="" id="incoming1">
<input type="text" value="600" name="" id="outgoing1">
<br>Loop 2
<br>
<input type="text" value="75" name="" class="addme2">
<input type="text" value="150" name="" class="addmea2">
<br>
<input type="text" value="75" name="" class="addme2">
<input type="text" value="150" name="" class="addmea2">
<br>
<input type="text" value="75" name="" class="addme2">
<input type="text" value="150" name="" class="addmea2">
<br>
<input type="text" value="75" name="" class="addme2">
<input type="text" value="150" name="" class="addmea2">
<br>
<input type="text" value="300" name="" id="incoming2">
<input type="text" value="600" name="" id="outgoing2">
<br>
<br>
<br>Total :
<input type="text" value="600" name="" id="totalin">
<input type="text" value="1200" name="" id="totalout"><br>
Profit :
<input type="text" value="600" name="" id="profit">
</form>
私が必要としているのは、incoming1、incoming2、およびそこにある他のincomingx値を追加し、totalinに格納する方法です.outgoing1,2etcと同様に、totalout-totalinで利益を更新します。そのため、値が現在の設定から変更された場合、他のすべてのフィールドが自動的に更新されます。
誰でもこれを手伝ってもらえますか？
ここでフィドル：http://jsfiddle.net/Gt473/3/ jsfiddleでスクリプトを繰り返す方法がわからないため、ループ2は機能しませんが、htmlページでは機能することに注意してください。