<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var form = document.forms.myform,
qty = form.qty,
cost = form.cost,
output = form.textbox;
window.calculate = function () {
var q = parseInt(qty.value, 10) || 0,
c = parseFloat(cost.value) || 0;
output.value = (q * c).toFixed(2);
};
</script>
</head>
<body>
<form action="caltest.php" method="post" name="myform" onkeyup="calculate()">
<label>Num of PAX :</label>
<input type="text" name="qty" />
<input type="hidden" name="cost" value="700" />
<br/>
<lable>Total Price: </lable>
<input type="text" name="textbox" />
</form>
</body>
</html>
我正在做一个简单的计算。没有得到任何输出。
最佳答案
何时 var form = document.forms.myform执行后，没有<form name="myform" ...但是。
最简单(尽管可能不是最复杂)的解决方案是移动 <script>阻止 <head>到表单代码之后。
关于javascript - 使用javascript自动计算，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34626376/