Question

<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编程的帮助。表格的过程是：

在费用中加入一些
然后加上一些折扣（自动计算跨度#dick2 =成本*折扣/ 100）
净费用自动更新=费用折扣

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

Answer 1

首先，创建一个功能

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>

Javascript onChange在百分比之后输入

1 个答案: