Jquery计算器

我试图构建一个HTML/Jquery计算器，其中用户将一个值输入文本框“平均产品单位价值”，然后将另一个值输入“总单位销售额”

输入值后，我需要将这些值彼此相乘，以生成“总销售值”的值，但没有提交按钮-当用户在需要进行计算的文本框外单击时，立即思考

如果提交按钮是必须的，那么我很乐意，但目前的要求是没有一个

我不知道从哪里开始编写逻辑来实现这一点——对于Jquery，我是一个新手，因为我还在学习

下面是帮助您的代码

欢迎所有建议-希望图片有帮助

---

Jordy

使用jQuery的.change方法怎么样

$(".input").change(function (){
//check if both have data
//do the calculation
//save the value
});

---

只要输入字段发生更改，就会触发此事件，使用jQuery的.change方法如何

$(".input").change(function (){
//check if both have data
//do the calculation
//save the value
});

---

只要输入字段发生更改，就会触发此事件。

以下是基本信息。我相信你可以从这里完成它，但如果没有，发布你的HTML和你想要使用的公式

编辑：已更新以使用HTML

---

这里是基本的。我相信你可以从这里完成它，但如果没有，发布你的HTML和你想要使用的公式

编辑：已更新以使用HTML

---

只需在调用函数的每个文本框中附加一个

onChange

，该函数用于检索和乘以值并更新总数。该函数应该筛选错误的输入。

只需在调用函数的每个文本框中附加一个

onChange

，该函数检索并乘以值并更新总数。该函数应该筛选错误的输入。

我会将onkeyup和onblur事件处理程序附加到各个文本字段。在这些事件中，调用执行简单数学运算并将值输出到最终文本框的函数。请确保小心处理会导致NaN输出的错误输入

我会将onkeyup和onblur事件处理程序附加到各个文本字段。在这些事件中，调用执行简单数学运算并将值输出到最终文本框的函数。确保小心处理错误输入，这将导致NaN输出，如果这是HTML：

Average product unit value <input type="text" id="product-unit-val" /><br/>
Total unit sales value <input type="text" id="total-unit-sales" /><br/>
Number of reps <input type="text" id="number-reps" /><br/>
Total sales value <span id="sales-val"></span>$

第一行仅在初始化后执行代码。第二行：

$('#product-unit-val, #total-unit-sales, #number-reps').change(function() {

表示如果发生更改，将执行下一个函数。下一行是操作：parseInt不是绝对必要的，但它有时很有用（如果值是float，则使用parseFloat）。像$（“#ID”）.val（）这样的行表示：给我这个ID项的值。我添加了一个NaN（不是数字）测试，以避免在未设置所有值时出现不好的结果

还要注意的是，每当用户更改输入框时，计算器都会做出响应，用户应该在输入框外单击。如果要在每个关键点上运行计算器，请更改行：

  $('#product-unit-val, #total-unit-sales, #number-reps').change(function() {

借

如果这是HTML，则有一个。

：

Average product unit value <input type="text" id="product-unit-val" /><br/>
Total unit sales value <input type="text" id="total-unit-sales" /><br/>
Number of reps <input type="text" id="number-reps" /><br/>
Total sales value <span id="sales-val"></span>$

第一行仅在初始化后执行代码。第二行：

$('#product-unit-val, #total-unit-sales, #number-reps').change(function() {

表示如果发生更改，将执行下一个函数。下一行是操作：parseInt不是绝对必要的，但它有时很有用（如果值是float，则使用parseFloat）。像$（“#ID”）.val（）这样的行表示：给我这个ID项的值。我添加了一个NaN（不是数字）测试，以避免在未设置所有值时出现不好的结果

还要注意的是，每当用户更改输入框时，计算器都会做出响应，用户应该在输入框外单击。如果要在每个关键点上运行计算器，请更改行：

  $('#product-unit-val, #total-unit-sales, #number-reps').change(function() {

借

---

有一个。

到目前为止，您有什么代码？（我忍不住想知道……家庭作业？@Jordy更新了我的答案来演示你的HTML的用法：）也许你可以使用这个插件，到目前为止你有什么代码？（我忍不住想知道……家庭作业？@Jordy更新了我的答案来演示你的HTML的用法：）也许你可以使用这个插件Hi Ivan-非常感谢你解释的答案，但是jquery不起作用：-（很抱歉，代码已更正。您可以在此处看到：Hi Ivan-非常感谢您解释的答案，但jquery不起作用：-（对不起，代码已经更正。你可以在这里看到：Joe你绝对快到了-只需计算#number reps不需要包括在计算中-它只是#product unit val和#number reps-可以使用乘法吗，因为目前它正在添加值非常感谢你的回答！@Jordy Quote:

#number reps不需要包含

，引用：

仅#产品单位值和#数字代表

-您想要哪两个？：PHah ok，在本例中，需要计算的唯一两个是#产品单位值和#总单位销售额-计算后的最终值生成#销售额值。Jordy使y非常容易您需要调整您想要的方式：）非常好，非常感谢Joe！我还有一个问题……如果我想对其他输入执行此操作，例如，我想乘以#数字重复次数和#额外单位，以生成#总额外单位的值，我是否重复您在jquery中所做的操作？请您在JSFIDLE中再次向我展示如何对两个计算执行此操作最后，我需要做大约4次，我只需要看看两次是如何完成的，然后我就离开了：-）Joe你就快到了-只需在计算中不包括数字重复次数-它只是产品单位val和数字重复次数-可以使用乘法吗，因为目前它正在添加值，非常感谢你的回答！@Jordy Quote:

不需要包括数字重复次数

，Quote:

only#product unit val和#number reps

-您想要哪两个？：PHah ok只需要计算两个