javascript - 为什么 JavaScript 不获取整个输入框？

Question

我有一些输入框(动态生成的)，应该在其中输入数字并添加这些数字，然后将其打印在页面上。

它可以工作，但是当你输入一个数字时，它不会得到最后一位数字(这意味着如果数字是 1-9，它不会显示任何东西。如果它是 183 ，由于某种原因，JS 函数只得到 18)。

这是js函数。我 90% 确定以下代码包含错误:

var lengthNum = document.createElement("strong");
function getLength() {
    var allNums = document.getElementsByName("numField");
    var length = 0;
    for (i=allNums.length-1;i>=0;i--) {
        length += parseInt(allNums[i].value);
    }
    if (length >= 0) {
        lengthNum.innerHTML = length;
        document.getElementById("length").appendChild(lengthNum);
    }
}

Answer 1

据我所知，您的代码是正确的并且工作正常。参见 this jsFiddle例如使用您提供的代码。

确保你有:

• 在您希望包含在总数中的文本框上正确定义 name 属性
• 未限制输出元素(id="length" 的 div)的样式以 chop 文本