Javascript 输入数量并更新总订单

Javascript 输入数量并更新总订单,javascript,jquery,Javascript,Jquery,只是做一个非常简单的订单 需要输入框(仅接受数字) 用户输入一个数量,比如说50 我们有一个乘数,比如说10 想要一个禁用的表单字段,显示50 x 10的结果吗 所以表单字段将显示500 现在我们有了变量orderTotal,我们可以传递给我们的代码,如下所示: $txtAmount = "orderTotal"; $txtAmount=“orderTotal”; 有什么想法吗?代码必须有点类似。但未经测试。如果您发现错误,请让我知道 编辑::测试代码 <script src="https

只是做一个非常简单的订单

需要输入框(仅接受数字)

用户输入一个数量,比如说50

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

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

所以表单字段将显示500

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

$txtAmount = "orderTotal"; $txtAmount=“orderTotal”;
有什么想法吗?

代码必须有点类似。但未经测试。如果您发现错误,请让我知道

编辑::测试代码

<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"/>

$(函数(){
$(“#值”).blur(
函数(){
var值=$(this.val();
如果(isInt(值)){
$(“#total”).val($(this.val()*$(“#quantity”).val());
}
否则{
警报('pelase enter int');
}       
}
);
$(“#数量”)。更改(
函数()
{
var值=$(“#值”).val();
如果(isInt(值))
{
如果($(“#数量”).val()>0){
$(“#total”).val($(this.val()*$(“#value”).val());
}                       
}
否则{
警报('pelase enter int');
}
}
)
});
函数isInt(x){
变量y=parseInt(x);
如果(isNaN(y))返回false;
返回x==y&&x.toString()==y.toString();
}
10
20
30
40
50

更新::这应该可以,但不确定。。如果不起作用,请告诉我explorex在大部分方面都能帮到你,但有一点我要小心,Javascript中的浮点数学并不精确。如果你在和钱打交道。。。你要确保你是准确的


这里有一个带答案的问题:

你是什么意思?将php值传递给javascript?我想你想要一个简单的购物车,在web上有很多教程,比如没有php,实际上它的客户端就是js。只需要一个用户可以输入数字的输入字段,以及一个将该数字乘以预设值的总字段。@422,通过您的网站向您发送了一封邮件,只是说。是的,谢谢,但不是这样。我不希望用户必须点击任何东西,他们也没有选择的多路复用器。这就是一个例子。他们选择他们想要多少小部件,我们有预设的价格说10。因此,他们选择50和一个禁用的字段,自动显示500@422在这种情况下,请查看更新。但是代码并没有经过测试。mm@explorex对我来说没有任何帮助。不过谢谢你的坚持,它确实有效。下拉列表不是预先选择的项目。它固定在10,不需要向用户显示。如果元素是输入字段(如:any),则更新不起作用suggestions@422我们将“html(total)”替换为“val(total)”,但是我将再次编辑代码Hanks Sean(我们只处理整数),因此所有的倍数都是10或11