如何将两个输入值相加并显示在第三个输入框中？？像这样的简单 JavaScript 帮助我哪里出错了
1）我想将两个输入框的值相加并显示在第三个输入中。它显示一个错误
2）错误：未捕获的类型错误：无法在 HTMLButtonElement.onclick (js.php:12) 处读取 sum (js.php:21) 处的 null 属性“值”
<!DOCTYPE html>
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
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>
<input type="text" name="val1"><br><br>
<input type="text" name="val2"><br><br>
<input disabled name="total" value=""><br><br>
<button type="button" onclick="sum()" name="btn">Add</button>
</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
PHP