Javascript 在另一个输入中返回的两个输入文件的差异

我想用最简单的方法计算两个输入的差值，并在第三个输入中返回它

id="incomeSharedSum" - id="expendituresSharedSum" = id="disposalIncome"

这是我的表格：

<label for="%nameRoot%[income]">Total Income:€</label>
<input type="text" data-sumSource=".incomePart<?php echo $personOrder; ?>" name="%nameRoot%[income]" id="incomeSharedSum"/>

<label for="%nameRoot%[expenditures]">Total Expenditures: €</label>
<input type="text" data-sumSource=".expendituresPart<?php echo $personOrder; ?>" name="%nameRoot%[expenditures]" id="expendituresSharedSum"/>

<label for="%nameRoot%[disposalincome]">Monthly Disposal Income: €</label>
<input type="text"  name="%nameRoot%[disposalincome]" id="disposalIncome"/>

如何修改此行：

sum+=Number($(this).val());

---

要获得差异（在我的例子中是两个字段）：总收入-总支出=处置收入。

此函数将进行求和，并将值放入第三个文本框中

function calculateSum()
{
   var incomeSharedSum= parseInt( document.getElementById( "incomeSharedSum" ).value );
   incomeSharedSum = isNaN( incomeSharedSum ) ? 0 : incomeSharedSum;
   var expendituresSharedSum = parseInt( document.getElementById( "expendituresSharedSum" ).value );
   expendituresSharedSum = isNaN( expendituresSharedSum ) ? 0 : expendituresSharedSum ;
   document.getElementById( "disposalIncome" ).value = incomeSharedSum + expendituresSharedSum;
}

---

您可以在哪个事件上调用此方法（如前两个框之一的按钮单击或模糊事件）

此函数将进行求和，并将值放入第三个文本框中

function calculateSum()
{
   var incomeSharedSum= parseInt( document.getElementById( "incomeSharedSum" ).value );
   incomeSharedSum = isNaN( incomeSharedSum ) ? 0 : incomeSharedSum;
   var expendituresSharedSum = parseInt( document.getElementById( "expendituresSharedSum" ).value );
   expendituresSharedSum = isNaN( expendituresSharedSum ) ? 0 : expendituresSharedSum ;
   document.getElementById( "disposalIncome" ).value = incomeSharedSum + expendituresSharedSum;
}

---

您可以在哪个事件上调用此方法（如前两个框之一的按钮单击或模糊事件）

基本上使用

.value

为两个输入字段中的每个字段执行减法，并将值设置为第三个输入字段的

.value

。检查这个

var inputs=document.getElementsByClassName（'calc'），
收入=document.getElementById（'incomeSharedSum'），
支出=document.getElementById（'ExpertitureSharedSum'），
gTotal=document.getElementById（'gTotal'）；
用于（输入中的var i）{
this.addEventListener（'change'，function（））{
G总价值=+收入.价值-+支出.价值；
});
}

总收入：€


总支出：€

最终：€

基本上使用

.value

对两个输入字段中的每个字段进行减法运算，并将值设置为第三个输入字段的

.value

。检查这个

var inputs=document.getElementsByClassName（'calc'），
收入=document.getElementById（'incomeSharedSum'），
支出=document.getElementById（'ExpertitureSharedSum'），
gTotal=document.getElementById（'gTotal'）；
用于（输入中的var i）{
this.addEventListener（'change'，function（））{
G总价值=+收入.价值-+支出.价值；
});
}

总收入：€


总支出：€

最终：€

如何使用onchange/onblur调用上述内容？在前两个输入中添加onblur=“updateDiff（）；”解决了我的问题。谢谢。如何使用onchange/onblur调用上述内容？在前两个输入中添加onblur=“updateDiff（）；”解决了我的问题。谢谢。你能不能修改一下，这样计算就可以在更改时调用，而不是在按下按钮后调用。谢谢你。@Pela，现在来看看它在JS Fiddle中工作得很好，但当我把它放在我的项目中时，它就不是了。我得到的是：这里的错误[code]gTotal.value=income.value-expensions.value；[code]
未捕获类型错误：无法读取null（匿名函数）@sum.js:24 2jquery.min.js:3的属性“value”指定的值“0000-00-00”不符合所需格式“yyyy-MM-dd”。我甚至不知道如何格式化此注释：（我没用：（不需要添加分数，也没有排序我的问题：（你能不能修改它，使计算在点击按钮后被调用。谢谢你。@Pela，现在检查一下它在JS Fiddle中工作得很好，但当我把它放在我的项目中时，它不是。我得到的是：这里的错误[code]gTotal.value=income.value-expensions.value；[code]
未捕获类型错误：无法读取null（匿名函数）@sum.js:24 2jquery.min.js:3的属性“value”指定的值“0000-00-00”不符合所需的格式“yyyy-MM-dd”。我甚至不知道如何设置此注释的格式：（我没用：（不需要添加分数，也没有排序我的问题：(

function calculateSum()
{
   var incomeSharedSum= parseInt( document.getElementById( "incomeSharedSum" ).value );
   incomeSharedSum = isNaN( incomeSharedSum ) ? 0 : incomeSharedSum;
   var expendituresSharedSum = parseInt( document.getElementById( "expendituresSharedSum" ).value );
   expendituresSharedSum = isNaN( expendituresSharedSum ) ? 0 : expendituresSharedSum ;
   document.getElementById( "disposalIncome" ).value = incomeSharedSum + expendituresSharedSum;
}