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

时间:2014-09-13 05:05:38

标签: 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

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

1 个答案:

答案 0 :(得分:1)

刚检查过你的网站我注意到你的tshirt_total3.js中第60行出现了一个未定义变量错误,当我在捐款输入框上输入内容时,可能是因为你的其余代码没有执行< / p>