Javascript 形式 NAN 错误

Question

首先我很抱歉，我刚刚开始使用 JavaScript

我的表单有问题。我的表单上有两组单选按钮(age 和 bmi)

每次单击“计算” 按钮时，我都想添加每个选中的单选按钮的值并向屏幕发出警报。

它可以在 Chrome 中运行，但所有其他浏览器都会给出 NAN 错误。

有人可以帮忙吗？

<br>
<input type="radio" name="age" class="myradioButton" value = "1"/>
<input type="radio" name="bmi" class="myradioButton" value = "3"/>
<input type="button" name="Calculate" id="calculate"onclick="calculatehealth()" value="Calculate"/>
<br>
<script>
    function calculatehealth() {
        var valueAge  = document.forms['myForm'].elements["age"].value;
        var valueint = parseInt(valueAge);

        var valueBmi =  document.forms['myForm'].elements["bmi"].value;
        var Bmiint = parseInt(valueBmi);

        var total = Bmiint + valueint;

        alert(total);
    }

Answer 1

演示:http://jsfiddle.net/z4RKx/

HTML

<form id="myForm">
    <input type="radio" name="age" class="myradioButton" value="1" />
    <input type="radio" name="bmi" class="myradioButton" value="3" />
    <input type="button" name="Calculate" value="Calculate" onclick='calculatehealth()' />
</form>

JS

function calculatehealth() {

    var valueint = 0;

    if (document.forms['myForm'].elements["age"].checked) {
        valueint += parseInt(document.forms['myForm'].elements["age"].value);
    }

    if (document.forms['myForm'].elements["bmi"].checked) {
        valueint += parseInt(document.forms['myForm'].elements["bmi"].value);
    }

    alert(valueint);

}

如果您有很多元素，这可能是一个不错的选择:

function calculatehealth() {

    var valueint = 0;

    for(i = 0; i < document.forms['myForm'].elements.length; i++) {
        if (document.forms['myForm'].elements[i].checked) {
            valueint += parseInt(document.forms['myForm'].elements[i].value);
        }
    }

    alert(valueint);

}