Javascript с автоматическим расчетом - PullRequest
0 голосов
/ 09 января 2011

У меня есть страница, которая автоматически вычисляет итоговое значение, вводя цифры в поля или нажимая кнопки плюс или минус.

Мне нужно добавить второй ввод после Итога, который автоматически делит итоговое значение на 25. Вот рабочий код без значения JavaScript для части разделения кода:

<html>
<head>
<script language="text/javascript">
function Calc(className){
var elements = document.getElementsByClassName(className);
var total = 0;

for(var i = 0; i < elements.length; ++i){
total += parseFloat(elements[i].value);
}

document.form0.total.value = total;
}

function addone(field) {
  field.value = Number(field.value) + 1;
  Calc('add');
}

function subtractone(field) {
  field.value = Number(field.value) - 1;
  Calc('add');
}
</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">
<br />
Totaly Divided by 25: <input readonly style="border:0px; font-size:14; color:red;" id="divided" name="divided">

</form>
</body></html>

У меня есть правильные детали, но формулы, которые я пытаюсь, полностью нарушают другие аспекты кода. Я не могу понять, как сделать так, чтобы автоматическое добавление и автоматическое разделение работали одновременно

Ответы [ 2 ]

1 голос
/ 09 января 2011

Одна из проблем, с которой вы столкнулись, заключается в том, что она должна быть:

<script type="text/javascript">

, а не

0 голосов
/ 09 января 2011

Разве вам не нужно что-то подобное в конце вашей функции Calc?

document.form0.total.value = total;
document.form0.divided.value = total / 25;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...