輸入數量並更新總訂單

Question

只需製作一個非常簡單的訂單。

想要一個輸入框（只接受數字）

用戶輸入的量，可以說50

我們有一個乘數值，其可以說10

想要禁用表單字段，表示50結果×10

所以表單字段會顯示500

所以現在我們有可變的OrderTotal我們可以通過我們的代碼，如：

$txtAmount = "orderTotal";

任何想法？

Answer 1

代碼必須有點類似。但未經測試。如果您發現錯誤，那麼請讓我知道

編輯::測試代碼

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script> 
<script> 
    $(function(){ 


    $("#value").blur(
     function(){   
      var value = $(this).val(); 
      if(isInt(value)){ 
       $("#total").val($(this).val()*$("#quantity").val());     
      } 
      else{ 
       alert('pelase enter int'); 
      }  

     } 
    ); 
    $('#quantity').change(
     function() 
     { 
      var value =$("#value").val(); 
      if(isInt(value)) 
      { 
       if($("#quantity").val() > 0){ 
        $("#total").val($(this).val()*$("#value").val()); 
       }      
      } 
      else{ 
       alert('pelase enter int'); 
      } 
     } 
    ) 

    }); 

    function isInt(x) { 
    var y=parseInt(x); 
    if (isNaN(y)) return false; 
    return x==y && x.toString()==y.toString(); 
    } 
</script> 

<form> 
    <input id="value" name="value" /> 
    <select id="quantity"> 
    <option>10</option> 
    <option>20</option> 
    <option>30</option> 
    <option>40</option> 
    <option>50</option> 
    </select>  
</form> 
<input id="total" type="text" disabled="disabled"/> 

更新::這個應該工作，但不知道..如果再沒有工作讓我知道

Answer 2

@explorex你有大部分的方式，但有一點我會謹慎使用Javascript中的浮點數學並不精確。如果你正在處理金錢......你想要確保你是精確的。

這裏有一個SO有關這個問題的答案：https://stackoverflow.com/questions/744099/javascript-bigdecimal-library