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>我期望两个输入的总和，但它什么也没显示。
3 回答
拉丁的传说
TA贡献1789条经验 获得超8个赞
您应该拥有在代码中引用的控件的属性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
TA贡献1834条经验 获得超8个赞
您应该将 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>
- 3 回答
- 0 关注
- 394 浏览
添加回答
举报
0/150
提交
取消