forms - 静态 HTML 页面上的数学公式

Question

我需要在我的页面上创建以下内容，但不知道如何编码。我不是程序员，所以请尽可能具体。谢谢。

如果您有 [ -- USER INPUTS VALUE HERE -- ] 推荐人并且他们推荐了 [ -- USER INPUTS VALUE HERE -- ] 谁推荐了 [ -- USER INPUTS VALUE HERE -- ]，您将获得 [ -- VALUE BASED ON公式*在这里--]。

**公式为：VALUE 1 {times} 美元价值{plus} VALUE 2 {times} 不同美元价值{plus} VALUE 3 {times} 第三个不同美元价值*

Answer 1

使用jQuery，如下所示：

If you have <input type="text" name="referrals"> ....
<input type="text" name="refer"> ... <input type="text" name="refer2">
... <span id="value"></span>

然后脚本：

jQuery().ready($('input').change(function()
{
    var referrals = $('input[name=referrals]').val();
    var refer = $('input[name=refer]').val();
    var refer2 = $('input[name=refer2]').val();
    var dollarValue = 12.3;

    var value = dollarValue * referrals;
    value += dollarValue * refer;
    value += dollarValue * refer2;

    $('#value').text('$' + value.toFixed(2));
}));