我有一个页面 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/