输入数量并更新总订单

时间:2011-02-02 06:35:17

标签: javascript jquery

只需制作一份非常简单的订单。

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

用户输入数量,假设为50

我们有一个乘数值,比如说10

想要一个禁用的表单字段,显示50 x 10的结果

因此表单字段将显示500

所以现在我们有变量 orderTotal 我们可以传递给我们的代码,如:

$txtAmount = "orderTotal";

有什么想法吗?

2 个答案:

答案 0 :(得分: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"/>

更新::这应该有效但不确定..如果不工作那么请告诉我

答案 1 :(得分:1)

@explorex在那里有你的大部分方式,但我要小心的一件事是Javascript中的浮点数学并不准确。如果你正在处理金钱...你想确保你的确切。

以下是一个回答这个问题的问题:https://stackoverflow.com/questions/744099/javascript-bigdecimal-library