如何用计算替换表单输入字段

How to replace form input field with calculation?

本文关键字:输入 字段 表单 替换 何用 计算      更新时间:2023-09-26

我在http://www.galileomovement.com.au/tshirt_order2.php该表单根据用户输入计算订单总额,并显示总额和捐赠总额。价格中包含了10美元的捐款,但我希望买家能够改变这个金额。

这一切都很好,只是当买家输入捐赠金额时不会发生任何事情。相关表单字段为:

T-shirts total: $<input type="text" name="shirtsTotal" id="shirtsTotal" size="24" readonly class="extension" /><br />
Donation total: $<input type="text" name="donationTotal" id="donationTotal" size="6" readonly class="extension" /><br />
<input type="text" name="grandTotal" id="grandTotal" size="24" readonly class="extension" style="font-weight:bold;" /><br />
Change total donation to: $<input type="text" onkeyup="calctotal(this.form);" name="optionalDonation" id="changeDonation" size="7" />

在tshirt_tal3.js中,我有:

// Get the total donation value
    var changeDonation = document.getElementById('changeDonation');
    if (changeDonation.value > 0){
        donationTotal = changeDonation.value;
    }
    else {
        var donation = 10;
        if(document.getElementById('donation_false').checked) {
            donation = 0;
        }
        for (i = 1; i <= 10; i++) {
            quantity = 'quantity' + i;
            var quantity = document.getElementById(quantity);
            donationTotal += quantity.value * donation;
        }
    }
    // end of Get the total donation value

有人能看到我哪里出错了吗?我花了好几个小时寻找答案。

刚刚查看了您的网站,我注意到您的tshirt_tal3.js中第60行有一个未定义变量的错误,当我在捐赠输入框上键入一些内容时,会出现这个错误,可能是因为您的其余代码没有执行