使用Javascript/HTML更新2组值的按钮？

我正在制作一个简单的购物车，我制作了一个带有-和+按钮的数量检查器来更改所需的数量，并且使它只接受文本字段中的数字。但是，我需要使所需数量与显示的总价相匹配。并且需要在不刷新的情况下进行更新。（例如：1项=3000000美元，2项=6000000美元）

下面是javascript：

          <script type="text/javascript">
function subtractQty(){
if(document.getElementById("qty").value - 1 < 1)
return;
else
document.getElementById("qty").value--;
}

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}



 </script>

函数减法数量（）{
if（document.getElementById（“数量”）值-1<1）
返回；
其他的
document.getElementById（“数量”）值--；
}
函数isNumber（evt）{
evt=（evt）？evt:window.event；
var charCode=（evt.which）？evt.which:evt.keyCode；
如果（字符码>31&（字符码<48 | |字符码>57））{
返回false；
}
返回true；
}

下面是HTML：

<form name="f1" action="" method="post">
<input type='text' name='qty' id='qty' value='1' onkeypress="return isNumber(event)" />
<input type='button' name='subtract' onclick='javascript: subtractQty();' value='-'/>
<input type='button' name='add' onclick='javascript: document.getElementById("qty").value++;' value='+'/>
<input type='submit' name='buy' value="buy">
<input type='hidden' name='product code' value="3">

</form>

---

-JSFIDLE中有所有的代码，我试图得到每次数量改变时要改变的基本值3000000，因为这是物品的价格。（注意：在chrome浏览器上使用-按钮，但由于某些原因，此编辑器上不使用该按钮）

您可以使用OnClick功能

答案解决了在不刷新页面的情况下更新值的问题

希望这有帮助

请留下反馈。

这项工作：

<form name="f1" action="" method="post">
<input type='text' name='qty' id='qty' value='1' onkeyup="updatePrice()" />
<input type='button' name='subtract' onclick='javascript: subtractQty();updatePrice();' value='-'/>
<input type='button' name='add' onclick='javascript:document.getElementById("qty").value++;updatePrice();' value='+'/>
<input type='submit' name='buy' value="buy">
<input type='hidden' name='product code' value="3">
<span>The Cost($): <span id="total">3000000</span></span>
</form>

<script>
function subtractQty(){
if(document.getElementById("qty").value - 1 < 1)
return;
else
document.getElementById("qty").value--;
}
function updatePrice()
{
    var price = 3000000;
    var inputqty = document.getElementById("qty");
    qty = inputqty.value;
    newqty = parseInt(qty) *  parseInt(price);  
    document.getElementById("total").innerHTML = parseInt(newqty);
}
</script>

成本（美元）：300万
函数减法数量（）{
if（document.getElementById（“数量”）值-1<1）
返回；
其他的
document.getElementById（“数量”）值--；
}
函数updatePrice（）
{
var价格=3000000；
var inputqty=document.getElementById（“数量”）；
数量=输入数量值；
newqty=parseInt（数量）*parseInt（价格）；
document.getElementById（“总计”）.innerHTML=parseInt（newqty）；
}

这是一件昂贵的商品：）呵呵，是的，我正在制作一个想象中的“飞毯”销售页面。3000000对于飞毯来说是相当合理的，我说：p您必须绑定数量元素的

onChange

事件，您不需要

javascript:

在

onXXX

属性中。您只在将JS放入

href

时需要它。HTML中的总价在哪里？谢谢！这帮了大忙