0

JS (超単純な注文フォーム) を使用して単純なショッピング カートの合計計算機を作成しましたが、JS コードをライブ ブラウザーで動作させることはできませんが、エディター (Coda 2) では動作します。コードは次のとおりです。

function CalcTotal()
{

var quantity = eval(document.bookorderform.bookqty.value);
if (quantity == undefined) {quantity = 0}
var orderTotal = eval(quantity * 14.99) + (3.99);
document.bookorderform.total.value=orderTotal;

}

テスト用のライブ環境は次のとおりです: http://leapingbutterfly.org/bookorder.php

* スタイルや php コードはまだ完成していませんが、これが js コードに干渉することはありません。

コードが開発環境のコードと同じであることを確認するために、ダブルおよびトリプルチェックを行いました。また、フォーム変数はそれぞれの js 変数を計算します。私が考えることができる唯一のことは、ドキュメントを正しく呼び出していない場合ですが、以前にこのようなドキュメントを問題なく呼び出したことがあります。どんな助けでも大歓迎です!

4

1 に答える 1

0

要素inputに無効な属性があります:

<td>$<input form="bookorderform" type="text" name="total" id="total" size="5" /></td>

を削除するform="bookorderform"と、正常に動作するはずです。

evalまた、このようにコードで使用するべきではありません。使用するだけparseIntです:

function CalcTotal() {
    var quantity = parseInt(document.bookorderform.bookqty.value, 10);

    if (isNaN(quantity)) {
        quantity = 0;
    }

    var orderTotal = quantity * 14.99 + 3.99;
    document.bookorderform.total.value = orderTotal.toFixed(2);
}
于 2012-11-03T08:25:13.863 に答える