Javascript 当输入文本框'；编辑

我有三个输入标记，值预先编码在：

    <input type="text" id="qty1" value="1" style="width:20px"></input>
    <input type="text" id="qty2" value="2" style="width:20px"></input>
    <input type="text" id="qty3" value="2" style="width:20px"></input>

稍后，我有一个按钮（UpdateQuanties），单击该按钮时，应将这些值添加到一起，并将总数发布到其他地方（quantity_items）。但是，当我更改文本框的内容时，“value”属性不会更新。有没有什么简单快捷的方法来获取框的当前更新内容？ 以下是我制作的javascript：

        <script>
    var num1 = document.getElementById("qty1");
    var num2 = document.getElementById("qty2");
    var num3 = document.getElementById("qty3");
    document.getElementById("updateQuantities").addEventListener("click", function(){update(num1, num2, num3);});
    function update(val1, val2, val3){
        alert(val1);
        var total = val1 + val2 + val3;
        document.getElementById("quantity_items").innerHTML = total;
    }
        </script>

var num1=document.getElementById（“qty1”）；
var num2=document.getElementById（“qty2”）；
var num3=document.getElementById（“qty3”）；
document.getElementById（“UpdateQuanties”）.addEventListener（“单击”，函数（）{update（num1，num2，num3）；}）；
功能更新（val1、val2、val3）{
警报（val1）；
var总计=val1+val2+val3；
document.getElementById（“数量\项目”）.innerHTML=总计；
}

在

getElementById

的末尾添加一个.value

var num1 = document.getElementById("qty1").value;
var num2 = document.getElementById("qty2").value;
var num3 = document.getElementById("qty3").value;

---

在

getElementById

的末尾添加.value

var num1 = document.getElementById("qty1").value;
var num2 = document.getElementById("qty2").value;
var num3 = document.getElementById("qty3").value;

---

我试过了，但是没有更新。在网页中将val1更改为5后，我尝试在函数中提醒val1，但它仍然显示1。@TimGraupner打开浏览器控制台，检查是否有错误。如果您看到任何错误，请返回此处并共享错误。这将有助于为您提供一个坚实的解决方案。在将这些值相加之前或相加时，您可能还希望对这些值使用类似于

parseInt（）

的方法。@NewToJS我查看了错误，其中有一些错误，但没有一个与此相关。我没有为这个页面编写HTML，它只是一个类的赋值，我必须添加一点功能来添加这些数量。我更改了添加到数字（val1）的方法，现在它可以工作了，但只适用于原始值。@TimGraupner在声明变量时添加了

num1/2/3

而不是添加

var total=val1.value+val2.value+val3.valueparseInt（）

的方法。@NewToJS我查看了错误，其中有一些错误，但没有一个与此相关。我没有为这个页面编写HTML，它只是一个类的赋值，我必须添加一点功能来添加这些数量。我更改了添加到数字（val1）的方法，现在它可以工作了，但只适用于原始值。@TimGraupner在声明变量时添加了

num1/2/3

而不是添加

var total=val1.value+val2.value+val3.value