Question

我有两个输入框，第一个输入框将接受一个值，该值将从存储在cookie中的值中减去。第二个输入将在我输入时自动生成差异。

最佳解决方案是什么？

Answer 1

最佳解决方案是仅使用 vanilla Javascript 。

您可以直接通过Javascript阅读 Cookie ：

http://www.quirksmode.org/js/cookies.html

您可以使用readonly属性输入第二个输入不可编辑：

http://www.w3schools.com/tags/att_input_readonly.asp

您可以直接在第一个输入的 onkeyup事件中进行数学运算：

http://www.w3schools.com/jsref/event_onkeyup.asp

Answer 2

将keyup和mouseup事件挂钩在第一个输入框上。在处理程序中对其值执行parseInt（），如果！isNaN（）计算差值并将其写入第二个输入框。

我不明白，为什么你需要ajax来减法！

Answer 3

由于可以通过JavaScript创建，读取和删除cookie，因此您可以使用javascript完成此任务。正如Eugen Rieck所指出的，你可以使用keyup / down事件。

Answer 4

你只需要Javascript。仅当您需要将Serverside（PHP | PYTHON | JAVA | PERL）存储在服务器上时才使用它。或者想要向其他人展示结果。

对于您的情况，仅需要服务器端如果您想：

将其存储在服务器上，以便其他人可以看到它。
多用户减法？
记录访问者的行为。

Answer 5

<script>

function subtract(first, second)
{
    total = first - second;
    obj("total").value = total;
}

function obj(id)
{
    return document.getElementById(id);
}

</script>

<input type="text" id="first" onkeyup="javascript:subtract(this.value, obj('second').value)" />
-
<input type="text" id="second" onkeyup="javascript:subtract(obj('first').value, this.value)"/>
=
<input type="text" id="total"/>

没有页面重新加载的简单计算器

5 个答案: