输入数量并更新总订单

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