如何将两个输入值相加并显示在第三个输入框中？？像这样的简单 JavaScript 帮助我哪里出错了

1）我想将两个输入框的值相加并显示在第三个输入中。它显示一个错误

2）错误：未捕获的类型错误：无法在 HTMLButtonElement.onclick (js.php:12) 处读取 sum (js.php:21) 处的 null 属性“值”

<!DOCTYPE html>

<html>

<head>

<title>JavaScript</title>

function sum() {

var val1 = document.getElementById('val1').value;

var val2 = document.getElementById('val2').value;

var sum = val1 + val1;

document.getElementById('total').value = sum;

}

</script>

</head>

<body>

</body>

</html>

我期望两个输入的总和，但它什么也没显示。

慕标琳琳

浏览 395回答 3

3回答

拉丁的传说

您应该拥有在代码中引用的控件的属性idgetElementById()。您还必须将字符串值转换为数字以执行算术运算：function sum(){  var val1 = document.getElementById('val1').value;  var val2 = document.getElementById('val2').value;  var sum = Number(val1) + Number(val2);  document.getElementById('total').value = sum;}<input type="text" name="val1" id="val1"><br><br><input type="text" name="val2" id="val2"><br><br><input name="total" id="total" value=""><br><br><button type="button" onclick="sum()" name="btn">Add</button>

MMMHUHU

您应该将 Id 添加到您的输入中。您使用getElementById，但您的输入没有任何id，因此它将返回空值。<input type="text" name="val1" id="val1"><br><br><input type="text" name="val2" id="id="val2"><br><br><input type="hidden"  name="total" value="" id="total"><br><br>

随时随地看视频慕课网APP