javascript - 使用 javascript 自动求和和减去

Question

假设我想要 4 个文本框，最后一个文本框是总数。第一个框我输入 20，第二个框输入 20，最后一个框输入 10。如果我使用 updatesum() 函数对总数进行求和，则总数将达到 50。如果我减去 10 而不输入 '-10' 怎么样？文本框'？

javascript:-

<script type="text/javascript"><!--calculation-->
<!--
function updatesum() {
document.form.jumlah.value = (document.form.rm1.value -0) + (document.form.rm2.value -0) + (document.form.rm3.value -0) + (document.form.rm4.value -0) + (document.form.rm5.value -0) + (document.form.rm6.value -0) + (document.form.rm7.value -0) + (document.form.rm8.value -0) + (document.form.rm9.value -0) + (document.form.rm10.value -0) + (document.form.rm11.value -0) + (document.form.rm12.value -0) + (document.form.rm13.value -0) + (document.form.rm14.value -0) + (document.form.rm15.value -0);
}
//-->
</script>

html:-

<tr>
<td>13.</td>
<td><input type="text" class="form-control" id="d13" name="d13"></td>
<td><input type="text" class="form-control calc" id="rm13" name="rm13"    onChange="updatesum()"></td>
  </tr>
 <tr>
    <td>14.</td>
   <td><input type="text" class="form-control" id="d14" name="d14"></td>
   <td><input type="text" class="form-control calc" id="rm14" name="rm14" onChange="updatesum()"></td>
 </tr>
 <tr>
   <td>15.</td>
    <td><input type="text" class="form-control" id="d15" name="d15"></td>
    <td><input type="text" class="form-control calc" id="rm15" name="rm15" onChange="updatesum()"></td>
  </tr>
  <tr>
    <td></td> 
    <td align="right">Total</td>
    <td><input type="text" class="form-control calc" id="jumlah" name="jumlah" readonly value=""></td>
   </tr>

Answer 1

简短而甜蜜:

将(document.form.rm15.value -0)更改为(document.form.rm15.value * -1)

说明:

每个(document.form.(name).value -0) 表达式只是将输入框中的值转换为数字。每个之间的 + 是将它们加在一起。将它们转换为数字的另一种选择是将它们相乘。由于您要进行减法，并且加负数与减法相同，因此我们可以将您的值转换为数字，然后将其一次性反转，因此是 * -1。

注意:您在 JavaScript 中提供的输入框比您在 HTML 中提供的输入框多，因此我只是假设您在实际应用程序中拥有所有这些输入。

注释 2: 当然有比写出完整方程更简洁的方法，但更新您的方法不在问题的范围内。