动态改变sum的输入值

Question

假设我有2个输入框用于输入整数值，1个输入框用于显示前面两个输入框之和的结果。

如何使使不指定输入值默认0整数..

下面是我到目前为止的代码

<input type="text" id="txt1"  onkeyup="sum();" />
<input type="text" id="txt2"  onkeyup="sum();" />
<input type="text" id="txt3" />
function sum() {
var txtFirstNumberValue = document.getElementById('txt1').value;
var txtSecondNumberValue = document.getElementById('txt2').value;
var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
if (!isNaN(result)) {
document.getElementById('txt3').value = result;
}
}

下面是我的演示…假设输入1是value=1输入2=null，我想让输入3是1http://jsfiddle.net/tLKLy/

Answer 1

doing

document.getElementById('txt3').value = 0

。

如果没有，也可以

$("input:txt3").val("0");

Answer 2

可以添加defaultvalue属性赋给input标签和它应该工作。

function sum() {
var txtFirstNumberValue = document.getElementById('txt1').value;
var txtSecondNumberValue = document.getElementById('txt2').value;
var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
if (!isNaN(result)) {
document.getElementById('txt3').value = result;
}
}

<input type="text" value="0" id="txt1" onkeyup="sum();" />
<input type="text" value="0" id="txt2" onkeyup="sum();" />
<input type="text" id="txt3" />

你也可以这样做，如果你不想看到初始0。解析输入字段并检查总和是否为Number。

function sum() {
let num1 = +(document.getElementById('txt1').value);
let num2 = +(document.getElementById('txt2').value);
let sum = num1 + num2;
if (!isNaN(sum)) {
document.getElementById('txt3').value = sum;
}
}

<input type="text" id="txt1" onkeyup="sum();" />
<input type="text" id="txt2" onkeyup="sum();" />
<input type="text" id="txt3" />

Answer 3

function sum() {
var txtFirstNumberValue = document.getElementById('txt1').value;
var txtSecondNumberValue = document.getElementById('txt2').value;
var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
if (!isNaN(result)) {
document.getElementById('txt3').value = result;
}
}

<input type="text" id="txt1" value="0" onkeyup="sum();" />
<input type="text" id="txt2" value="0"  onkeyup="sum();" />
<input type="text" id="txt3" value="0"/>

https://jsfiddle.net/VIKAS_123/yotg8d64/