Javascript += 等效？

Question

我的代码是一个简单的函数，它检查按下了哪个单选按钮，并将该单选按钮的值添加到我的 var input = 0;。但是，我知道我做错了什么，但输出是错误的。当其中一个 if 语句为真时，input(0) 现在等于自身加上 ​​getElementById("small").value 的新值，它打印出 010 而不是现在的 10。

我知道在 Java 中有一个类似于 input += getElementById("small").value; 的约定，但这似乎不起作用。因此，正如您在下面的示例中看到的那样，我尝试了 input = input +/*code*/; 的替代方法，但仍然没有成功。

我是 JavaScript 的新手，但对 Java 非常熟悉。我想我只是在这里使用了错误的语法，但我所有的 Google 搜索都是失败的。

function calculate()
{
    var input = 0;
    if (document.getElementById("small").checked) 
    {
        input = input + document.getElementById("small").value;
    }
    else if (document.getElementById("medium").checked)
    {
        input = input + document.getElementById("medium").value;
    }
    else if (document.getElementById("large").checked)
    {
        input = input + document.getElementById("large").value;
    }
    else
    {
        alert("failed");
    }

    document.getElementById("outar").innerHTML = input;
}

Answer 1

您正在尝试对字符串进行算术运算。您需要在每个 document.getElementById("....").value 表达式周围使用 parseInt()，因为 .value属性是一个字符串。

例子:

input += parseInt(document.getElementById("small").value);