javascript - 通过点击框外激活功能

好吧，我在让函数正常工作时遇到了一些麻烦。我所要做的就是在我从 HTML 框中单击后激活该功能。

<hmtl>
<body>
<center>
<script>
function calculateTax() {
var a = document.getElementById('boxone').value;
var b = document.getElementById('boxtwo').value;
var c = a/100*18;

b = c + a;

document.getElementById('boxone').value = a;
document.getElementById('boxtwo').value = b;
}
</script>

<input type="text" id="boxone" value="">
<input type="text" id="boxtwo" value=""><br>
<input type="hidden" onclick="calculateTax()">
</center>
</body>
</html>

谁能告诉我应该用什么代替 onclick 以及为什么我的公式不起作用。谢谢

最佳答案

我为你做了一个 fiddle :http://jsfiddle.net/Dmc9Z/1/

基本上，您可以将 onclick 事件添加到 body 中。我还在那里添加了一个按钮，也可以根据您的需要提交它。

您的代码无法正常工作的原因是输入被作为字符串处理。当您“添加”时，您只是将值连接到字符串。我添加了 parseInt 来为您解决这个问题。我还删除了一些多余的代码。

关于javascript - 通过点击框外激活功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21311969/