Question

我正在构建一个简单的结帐页面，左侧是价格框，右侧是付款单。我试图让购物车总额也打印在付款表单的输入字段中。我尝试更改类的id cartTotal，以便输入字段也可以具有类＆＃34; cartTotal＆＃34;。这样做只会弄乱整个脚本。这些数字不会出现。

ApplyTax Script：

<script>
    function applyTax() {
        var cartSubTotal = parseFloat(document.getElementById('cartSubtotal').innerHTML);
        console.log(cartSubTotal);
        var salesTaxGst = (cartSubTotal / 100) * 5;
        var salesTaxPst = (cartSubTotal / 100) * 9.975;
        var totalAmount = (cartSubTotal * 1) + (salesTaxGst * 1) + (salesTaxPst * 1);

        document.getElementById('cartSubtotal').innerHTML = cartSubTotal.toFixed(2);
        document.getElementById('taxGst').innerHTML = salesTaxGst.toFixed(2);
        document.getElementById('taxPst').innerHTML = salesTaxPst.toFixed(2);
        document.getElementsByClassName('cartTotal').innerHTML = totalAmount.toFixed(2);
    }

    // Call the applyTax() when the window finishes loading...
    window.onload = function() {
        applyTax();
    }
</script>

付款方式：

<form method="post" action="purchase" name="checkout">
    Total &nbsp; &nbsp;
    <input maxlength="6" type="text" class="cartTotal" name="x_amount" size='9' readonly value="${cart.total}" />
    <br>
    <br>
    <p>
        <fmt:message key='CreditNumber' />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </big><big><br>
  <input maxlength="20" size="30" name="cc_number"></big>
        <br>
        <br>
        <big><fmt:message key='NameCard'/>&nbsp;&nbsp;&nbsp;&nbsp; </big><big><br>
</form>

这不起作用，字段返回空白，我做错了什么？

为什么document.getElementsByClassName不能使用此脚本？

0 个答案: