-2

私は、金利とローンの金額でいくつかのことを行う特定のタイプの計算機を構築しています。金利のパーセンテージに基づいて、さまざまなローン統計を比較できるようにしたいと思います。したがって、ローン金額として50000を入力し、4％の利率と6％の利率に基づいていくつかの統計を表示したい場合は、これらの計算を使用して動的に追加されたテーブルを取得します。

したがって、ユーザーは比較のために必要な数の金利を入力し、ローン金額のさまざまな統計（たとえば、返済にかかる時間）を確認できます。

問題：ユーザーは必要な数のパーセンテージを入力できるため（動的に挿入）、それぞれをループして計算する必要があります。私はそれを理解しましたが、ページが再ロードされず、ユーザーがリンクをクリックして別の入力ボックスを追加して別のパーセンテージ率を比較し、ボタンをクリックして再度計算すると、新しいパーセンテージ率がテーブルに追加されますプラスすべて以前のパーセンテージの割合が再び追加されました。

これが発生する理由はわかっていますが（.each（）で予想されると思います）、テーブルが新しいセルのみを追加し、新しいセルとすべての古いセルを再度追加しないようにコーディングするにはどうすればよいですか。

長い説明でごめんなさい。以下のリンクをクリックして、実際の例を確認してください。いくつかの％レートとローン金額を追加して[計算]をクリックすることを忘れないでください。ただし、更新してさらにいくつかの％レートを追加して、もう一度[計算]をクリックしないでください。数学や私が数字を取得する方法について心配する必要はありません。今のところ問題ではありません。予備的なものを機能させようとしているだけです。ありがとう。！

http://machinesandwich.com/calc.html

4

3 に答える 3

1

毎回テーブルの行をクリアして再構築することをお勧めします。

私が見たところ、問題はあなたが前の細胞を取り除いていないということです。

したがって、入力ごとに新しいセルを簡単に追加できますが、最初に以前に追加したセルを必ず削除してください。

于 2012-11-20T20:45:50.013 に答える
-1

追加しないでください。HTMLを次のように変更してください。

    $("div#standard table tbody th[scope=col]").html("<th>" + num + "% interest rate</th>");
 $("div#standard table tbody tr#totalMonths").html("<td>" + totalMonths + "</td>");
 $("div#standard table tbody tr#paymentPerMonth").html("<td>" + paymentPerMonth + "</td>");
});
于 2012-11-20T20:46:27.667 に答える
-1

jQueryコードは次のようになります。

var $table = $("div#standard table");
var col1 = $table.find('tr:first').find('th[scope="col"]');
$table.find('tr:first').html(col1+"<th>" + num + "% interest rate</th>");
var row1 = $table.find('tr#totalMonths').find('th[scope="row"]');
$table.find('tr#totalMonths').html(row1+"<td>" + totalMonths + "</td>");
var row2 = $table.find('tr#paymentPerMonth').find('th[scope="row"]');
$table.find('tr#paymentPerMonth').html(row2+"<td>" + paymentPerMonth + "</td>");

いつでももっと単純化できますが、これでうまくいくはずです！

于 2012-11-20T20:54:05.770 に答える