javascript - 输入数量并更新总订单

Question

只是制作一个非常非常简单的订单。

想要一个输入框(只接受数字)

用户输入数量，假设 50

我们有一个乘数，比如说 10

想要一个禁用的表单字段，显示 50 x 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"/>

更新::这应该有效，但不确定..如果不起作用，请告诉我