table
を動的に作成しました。ページの読み込みには空の列が1つありますが、ドロップダウンメニューの量(他の列)と既定の価格の値(他の列)を選択すると値が入力されます。 jQueryを使用してこのプロセスで作成された合計値を追加し、合計値を表示します。jQueryを使用したテーブル列の合計値
どのようなアイデアがありますか?私はたくさん試しましたが、結果は出ませんでした。 (結果が表示されます)
$(document).each("[id^=total]", function(event){
var num = this.id.slice(5);
var sum = 0;
var value = $('#total'+num).text();
sum += parseFloat(this.value);
$('#sum').text(sum);
});
HTML::
私はこの試みる
<tr>
<th colspan="6" style="text-align:right">Total:</th>
<th colspan="2" style="text-align:center"><span id="sum"></span></th>
</tr>
HTMLを(IDは= 'qua2は、' 1から20までのドロップダウンメニューがある):
<tr>
<td><center><selectclass='choose'id='qua2'></select></center></td>
<td><center><spanid='yprice2'>101.10</span></center></td>
<td><center><spanid='total2'></span></center></td>
</tr>
NOTICE:
C olumn total
がテーブルの作成後に作成されます。ドロップダウンの値を選択し、このプロセス(ドロップダウン*値の値)を返します。結果は列の合計に表示されます。
(私はこのスクリプトを使用しますが、id='sum'
の結果はNaN
です)更新:
$(document).on('change', "[id^=qua]", function(event){
var num = this.id.slice(3);
var sum = 0;
var value = $("#qua"+num).val();
var yprc = $("#yprice"+num).text();
var amount = value * yprc;
amount = amount.toFixed(2);
var $sum = $("#sum");
var $total = $("#total"+num);
$total.html(amount);
$("[id^=total]").each(function(){
sum += parseFloat($(this).text());
});
$sum.text(sum);
});
あなたはいくつかのサンプルのhtmlをしてください投稿できます。 – George
$( '#合計' + num).val();試した? – vel
はい、私は同じことをしました。 – GeoDim