2009-10-17 46 views
0

簡單的問題,但我不明白。jQuery計算插件 - 簡單的建議需要

什麼是啓動語法我需要執行以下功能:

<input type="text" id="value1" /> 
<input type="text" id="value2" /> 
<input type="text" id="value3" /> 
<input type="text" id="total" /> 

我想執行[(值1 *值2)+值3],並已將結果四捨五入至小數點後兩位(強制,所以即使結果是一個整數,它應該附加「.00」)並且總共顯示。我需要在任何值域的keyup動​​作上發生這種情況。

應該很直接,但我無法弄清楚。

請幫忙嗎?

感謝

回答

3
$(function() { 
    var roundDecimals = 2; 
    var pow = Math.pow(10, roundDecimals); 

    $('input[id^=value]').keyup(function() { 
     var value1 = parseFloat($('#value1').val()); 
     var value2 = parseFloat($('#value2').val()); 
     var value3 = parseFloat($('#value3').val()); 

     if (isNaN(value1) || isNaN(value2) || isNaN(value3)) { 
      return; 
     } 

     var total = value1 * value2 + value3; 
     total = Math.round(total * pow)/pow; 
     $('#total').val(total.toFixed(roundDecimals)); 
    }); 
}); 
+0

優雅,與錯誤的驗證。謝謝!我的問題最初是關於如何使用jQuery Calculate插件來完成的,但我認爲這種方式比插件花費少得多! :) – RCd 2009-10-17 15:14:47

+0

糟糕,我甚至不知道這樣的插件存在:-) – 2009-10-17 15:34:49