如何点击ADD按钮自动汇总DataGridView与文本框金额并显示

嘿，我来帮你搞定这个需求！看起来你需要实现两个核心功能：计算GST并填充到Total Legal Fees文本框，还有点击ADD按钮把多笔金额汇总到最终的文本框里（比如20+30=50这种累加效果）。我会用JavaScript给你详细的实现思路和可直接用的代码示例，适配常见的HTML表单场景~

1. 计算GST并更新Total Legal Fees文本框 #

首先，假设你的输入金额文本框、Total Legal Fees文本框有对应的ID（比如input-amount和total-legal-fees），我们可以这样实现：

• 先获取用户输入的金额数值
• 计算GST（这里假设税率是10%，你可以根据实际需求修改GST_RATE的值）
• 把「原始金额 + GST」的总和填充到Total Legal Fees文本框里

代码示例 #

HTML结构（参考）

<input type="number" id="input-amount" placeholder="输入金额">
<button onclick="calculateGST()">计算GST</button>
<input type="text" id="total-legal-fees" readonly placeholder="Total Legal Fees">

JavaScript逻辑

// 定义GST税率，比如10%就是0.1
const GST_RATE = 0.1;

function calculateGST() {
  // 获取输入金额
  const inputAmount = parseFloat(document.getElementById('input-amount').value);
  
  // 验证输入是否为有效数字
  if (isNaN(inputAmount) || inputAmount < 0) {
    alert('请输入有效的金额数值');
    return;
  }
  
  // 计算GST和总计
  const gstAmount = inputAmount * GST_RATE;
  const totalFees = inputAmount + gstAmount;
  
  // 更新Total Legal Fees文本框，保留两位小数更规范
  document.getElementById('total-legal-fees').value = totalFees.toFixed(2);
}

2. 点击ADD按钮汇总金额到最终文本框 #

这个功能需要我们维护一个「累计总额」的变量，每次点击ADD按钮时，把编号2的文本框里的金额加到累计总额中，再更新最终的汇总文本框。

代码示例 #

HTML结构（参考）

<input type="number" id="amount-2" placeholder="编号2的金额">
<button onclick="addAmount()">ADD</button>
<input type="text" id="final-total" readonly placeholder="总计金额">

JavaScript逻辑

// 初始化累计总额为0
let totalSum = 0;

function addAmount() {
  // 获取编号2的金额
  const currentAmount = parseFloat(document.getElementById('amount-2').value);
  
  // 验证输入有效性
  if (isNaN(currentAmount) || currentAmount < 0) {
    alert('请输入有效的金额数值');
    return;
  }
  
  // 累加金额
  totalSum += currentAmount;
  
  // 更新最终汇总文本框，保留两位小数
  document.getElementById('final-total').value = totalSum.toFixed(2);
  
  // 可选：清空编号2的文本框，方便输入下一笔金额
  document.getElementById('amount-2').value = '';
}

额外提示 #

• 你可以根据自己实际的HTML结构，修改代码里的元素ID（比如把amount-2改成你实际用的ID）
• 如果需要实时计算GST（不用点击按钮，输入时自动更新），可以给输入框绑定input事件，替换onclick为oninput="calculateGST()"
• 要是需要清空累计总额的功能，再加一个按钮调用totalSum = 0; document.getElementById('final-total').value = '';就可以啦

内容的提问来源于stack exchange，提问作者Thoiruddin