Javascript on更改百分比后的总和输入

Javascript onChange sum input after percentage

本文关键字：输入 百分比 on Javascript      更新时间：2023-09-26
<form name="cost">
    <table border="1">
        <tr>
            <td>Cost</td>
            <td><input type="text" name="cost" /></td>
        </tr>
        <tr>
            <td>Discount</td>
            <td><input type="text" name="discount" /> (<span id="discount2"></span>)%</td>
        </tr>
        <tr>
            <td>Net Cost</td>
            <td><input type="text" name="net" /></td>
        </tr>
    </table>
</form>

大家好，我真的需要JavaScript编程的帮助。表格的流程是：

  1. 把一些成本
  2. 然后放一些折扣（自动计算跨度#折扣2=成本*折扣/100）
  3. 净成本自动更新 = 成本折扣

我尝试了很多次，但没有运气加上缺乏JavaScript知识。请帮忙。

首先，创建一个函数来执行此操作

function calculateDiscount()
{
var cost = document.getElementById('cost').value;
var discount = document.getElementById('discount').value;
//do the math
var net = cost-discount;
//update
document.getElementById('discount2').innerHTML = cost*(discount/100);
document.getElementById('net').value = net;
}

您还需要更新您的 html，向所有元素添加 ID，并调用函数

<form name="cost">
<table border="1">
<tr><td>Cost</td><td><input type="text" id="cost" name="cost" onChange="calculateDiscount(); return false;" /></td></tr>
<tr><td>Discount</td><td><input onChange="calculateDiscount(); return false;" type="text" id="discount" name="discount" /> (<span id="discount2"></span>)%</td></tr>
<tr><td>Net Cost</td><td><input type="text" name="net" id="net" /></td></tr>
</table>
</form>
相关文章：