我需要一些帮助来找出我的 javascript 计算中的错误。
我需要自动计算输入框的总和,并让我的用户能够使用 + 或 - 按钮编辑计算结果。
如果您手动输入数字,我的代码已经自动进行计算,但按 + 或 - 不会更改计算。
代码如下:
<html>
<head>
<script language="javascript">
function Calc(className){
var elements = document.getElementsByClassName(className);
var total = 0;
for(var i = 0; i < elements.length; ++i){
total += parseInt(elements[i].value);
}
document.form0.total.value = total;
}
function addone(field) {
field.value = Number(field.value) + 1;
}
function subtractone(field) {
field.value = Number(field.value) - 1;
}
</script>
</head>
<body>
<form name="form0" id="form0">
1: <input type="text" name="box1" id="box1" class="add" value="0" onKeyUp="Calc('add')" onChange="updatesum()" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box1);">
<input type="button" value=" - " onclick="subtractone(box1);">
<br />
2: <input type="text" name="box2" id="box2" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box2);">
<input type="button" value=" - " onclick="subtractone(box2);">
<br />
3: <input type="text" name="box3" id="box3" class="add" value="0" onKeyUp="Calc('add')" onClick="this.focus();this.select();" />
<input type="button" value=" + " onclick="addone(box3);">
<input type="button" value=" - " onclick="subtractone(box3);">
<br />
<br />
Total: <input readonly style="border:0px; font-size:14; color:red;" id="total" name="total">
</form>
</body></html>
我确定这个问题一定很小,我只是不能指手画脚。
最佳答案
一种简单的方法是在您单击按钮时更新总和。您可以将 Calc('add')
添加到 onclick
事件,或添加到 addone
和 subtractone
函数(不过,您可能希望将类添加为参数)。例如:
function addone(field) {
field.value = Number(field.value) + 1;
Calc('add');
}
function subtractone(field) {
field.value = Number(field.value) - 1;
Calc('add');
}
关于Javascript 使用 (+) 和 (-) 自动计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4573480/