javascript - Javascript计算仅在IE中有效

我正在尝试创建一个表单，以便用户可以输入某些信息，JavaScript会为它们进行计算。我一直在尝试使用http://demo.rsjoomla.com/calculation-form-example（左侧的那个）来开始基础知识，我可以从那里进行操作。到目前为止，尽管它仅在IE中有效。

这是我的代码的基本布局：

的HTML

<input type="number" name="income1" value="0" onkeyup="update()">
<input type="number" name="income2" value="0" onkeyup="update()">
<input type="number" name="income3" value="0" onkeyup="update()">

的JavaScript

var op1=document.getElementById('income1');
var op2=document.getElementById('income2');
var result=document.getElementById('income3');
if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;
result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(result.value)+parseInt(op1.value) - parseInt(op2.value);

最佳答案

如果要执行getElementById，则需要在元素中具有一个ID。

<input type="number" id="income1" value="0" onkeyup="update()">

var op1=document.getElementById('income1');

或者您可以使用jQuery（需要包括jQuery源）：

<input type="number" name="income1" value="0" onkeyup="update()">

var op1 = ${"input[name=income1]").val();

另外，您可以执行此操作，假设您只有一个名为Income1的元素。这不是执行此操作的好方法，但是应该可以。

<input type="number" name="income1" value="0" onkeyup="update()">

var op1=document.getElementsByName('income1')[0];