添加数字时IE中的JavaScript问题

Question

I have a simple form, with 5 textboxes and 3 answers (also textboxes). The form calculates a result for the user with number inputs. My problem is my calculation does not work in IE, but works fine in both Chrome and Firefox.

What's wrong?

Here is my function:

function addNumbers()
{
    var val1 = Number(document.getElementById("value1").value);
    var val2 = Number(document.getElementById("value2").value);
    var val3 = Number(document.getElementById("value3").value);
    var val4 = Number(document.getElementById("value4").value);
    var val5 = Number(document.getElementById("value5").value);
    var val6 = '100';
    var ansD1 = document.getElementById("answer1");
    ansD1.value = Number((val1 * val2) * (val4 / val6));
    var ansD2 = document.getElementById("answer2");
    ansD2.value = Number((val1 * val3) * (val5 / val6));
    var ansD3 = document.getElementById("answer3");
    ansD3.value = Number (ansD1.value - ansD2.value);
}

Answer 1

Change this line:

var val6 = '100';

to this:

var val6 = 100;

You want all your values to be actual numbers (not strings) so you can do math on them.

Also, you don't need the Number() in these lines because the result of the numeric math is already a number. Plus the assignment to the answer fields is just going to convert the result to a string anyway:

ansD1.value = Number((val1 * val2)*(val4/val6));

They can just be this:

ansD1.value = (val1 * val2)*(val4/val6);

The modified code works fine in IE here: http://jsfiddle.net/jfriend00/5WFRA/ .

Answer 2

代替Number使用parseInt ，否则将它们视为字符串