Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/480.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果选择了数字,则显示总价_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 如果选择了数字,则显示总价

Javascript 如果选择了数字,则显示总价,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我试图实时显示所选数量的产品的总价格。但我不能拿出来,例如:如果你选择2张卡,价格必须实时显示:$10,并且它计算总金额并显示总价格 我怎样才能解决这个问题?这是我的消息来源: 函数更新价格 { var numSubTotal=parseInt$num水果选项。过滤器:selected.val; 如果isNaNnumFruits numFruits=0; $num fruits.html+numFruits; 产品 产品价格 你想要多少? 总价 水果: $ 10 $ 50 0 饮料: $ 2

我试图实时显示所选数量的产品的总价格。但我不能拿出来,例如:如果你选择2张卡,价格必须实时显示:$10,并且它计算总金额并显示总价格

我怎样才能解决这个问题?这是我的消息来源:

函数更新价格 { var numSubTotal=parseInt$num水果选项。过滤器:selected.val; 如果isNaNnumFruits numFruits=0; $num fruits.html+numFruits; 产品 产品价格 你想要多少? 总价 水果: $ 10 $ 50 0 饮料: $ 25 $ 625 卡: $ 5 所有项目的总价: $ 675 在HTML中,删除onchange属性是一种不好的做法

然后,您的Javascript没有处理所有字段,即仅处理水果,因此将其替换为:

$("input").on("change", function () {
    var $input = $(this);
    var howMany = parseInt($input.val());
    var unitAmount = parseInt($input.parent().prev().text().replace("$",""));
    var total = howMany * unitAmount;
    $input.parent().next().text("$ " + total);
});

它的作用是检测输入字段的多少发生了变化,在这种情况下,它检索单位成本并乘以输入字段中的数字,然后将总数写入最后一列。

您的updatePrice函数缺少右大括号。您的其他输入字段没有任何变化。好的,但是有人能帮我处理一下缺少的右大括号吗?问题太多了:updatePrice结尾缺少的大括号。您设置了变量numSubTotal,但随后尝试使用numFruits。您选择num fruits选项,但num fruits是a,而不是a,因此它没有任何选项。在JSFIDLE中,您必须使用No Wrap选项作为a无法从onchange属性调用函数。它不起作用:因为它不计算水果$10的单位金额,所以如何计算所有单价,使计算结果像:unit_price*unitamount确保替换所有Javascript,您不需要updatePrice函数,HTML中也不需要onchange属性。我可以编辑你的提琴吗?哇,非常感谢,但是我怎样才能同时显示总价呢?但是如果我输入文本,价格就不会直接显示出来,只有当你点击页面上的某个地方时才会显示出来吗