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

标签 javascript forms calculated-field

我有一个页面 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_total3.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_total3.js 中的第 60 行有一个 undefined variable 的错误,当我在捐赠输入框中输入某些内容时,可能会出现该错误,可能是因为您的其余代码未执行

关于javascript - 如何用计算替换表单输入字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25819994/

相关文章:

javascript - 为什么禁用 javascript 后表单仍会提交?

powershell - CSV中的单元格计算不正确。显示错误的号码。得到错误

javascript - HandsOnTable - 显示单元格的工具提示

javascript - 如何创建可折叠下拉菜单?

javascript - window.webkitNotifications.checkPermission() 不工作

javascript:如果日期在 1 月 15 日之后,则设置隐藏字段

Django:使用 cookie 保存和恢复表单的状态

linq - 如何在 LightSwitch 查询中使用计算字段?

javascript - 复选框计算不起作用

Javascript 字符串替换 - 最好的方法是什么?