0

jQueryを使用した形式でライブ計算を出力したいのですが、JSの知識が不足しているため、どこから始めればよいのかわかりません。誰かがこれを手伝ってくれるかしら？

これが私のフィールド値です：

<input type="hidden" name="total_days" value="{total_days}" />
<input type="text" name="cost_per_day" value="" />
<p>Total Cost: $<span class="total_cost"></span></p>

total_daysには、ページが読み込まれるときに値が事前に入力されます。cost_per_dayはユーザーが入力します。ユーザーがフォームに入力するときにtotal_costスパンを入力したいのですが、計算は次のようになります。

total_days * cost_per_day = total_cost
4

2 に答える 2

3

非表示のテキスト フィールドとユーザーのテキスト フィールドに ID を追加して、値を取得しました。次のようになります。

<input type="hidden" name="total_days" id = "totaldays" value="10" />
<input type="text" name="cost_per_day" id = "mytextfield" value="" />
<p>Total Cost: $<span class="total_cost"></span></p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JavaScript は次のようになります。

$("#mytextfield").on('keyup',function(){
        var totalcost= $("#totaldays").val() * $(this).val() 
        $(".total_cost").html(totalcost);
})

お役に立てれば..

于 2012-12-04T07:47:03.917 に答える
1

このソリューションはうまく機能しますが、小さな変更を 1 つ加えようとしています。答えを常に小数点以下 2 桁に丸めたいと考えています。.toFixed(2) をさまざまなポイントに追加しようとしましたが、うまくいかないようです。このような、

<script type="text/javascript">
$(document).ready(function() {
$("#mytextfield").on('keyup',function(){
   // alert('pressed')
   var totalcost= $("#totaldays").val() * $(this).val() 
   $(".total_cost").text(totalcost).toFixed(2);
})
});
</script>

小数点以下2桁を達成する方法を誰か教えてもらえますか?

ありがとう

于 2013-07-19T18:45:55.703 に答える