Question

我在vs 2017中尝试了此代码，但无法正常工作。我无法控制总变量和其他文本变量，但无法在文本框中填充结果。

function myFunction1() {

  var text1 = document.getElementById("txt1").value;
  console.log(text1)
  var text2 = document.getElementById("txt2").value;
  var text3 = document.getElementById("txt3").value;
  var text4 = document.getElementById("txt4").value;
  var total1 = parseFloat(text1) + parseFloat(text2) + parseFloat(text3) + parseFloat(text4);
  console.log(total1)

  document.getElementById("txt1").innerHTML = total1;
}

<input type="text" id="txt1" />
<input type="text" id="txt2" />
<input type="text" id="txt3" />
<input type="text" id="txt4" />
<input type="text" id="total" />

<input type="submit" onclick="myFunction1()" />

Answer 1

在结果输入中使用value而不是innerHTML。因为输入元素没有innerHTML

document.getElementById("monthlyAmount").value = total1

innerHTML表示元素的开始和结束标记之间的HTML。由于<input>元素没有结束标记，因此没有innerHTML

Answer 2

您应该使用value来设置输入中的文本：

document.getElementById("monthlyAmount").value = total1;

javascript onclick功能无法正常运行

2 个答案: