javascript - テキストボックスの値を乗算する

Question

問題：小計、税金、合計の3つのテキストボックスがあります。小計テキストボックスの値に税テキストボックスの値を掛けて、合計テキストフィールドに表示したいと思います。

JSフィドルを作成しました！あなたは私のサイトで小計が完全に機能しているのを見ることができます！

Jsフィドルhttp://jsfiddle.net/eeMva/

私のサイトhttp://soldbybillcox.com/treasure/demo.php

Answer 1

http://jsfiddle.net/eeMva/ ?? または http://jsfiddle.net/eeMva/1/小計と税金を掛けたもの

plzノート

• キーアップイベントが変更されます。
• jsfiddleにはjqueryではなくmootoolが含まれていました。
• いくつかのコメントを削除しました

これが原因コードに役立つことを願っています:)

$(document).ready(function() {
    calculateSum();
    $(".txt").keyup(function() {
    $(".txt").each(function() {

            calculateSum();
        });
    });
});


$("#tax").keyup(function() {

    $('#total1').val(parseInt($(this).val()) * parseInt($('#subtotal').val()));

});

function calculateSum() {
    var sum = 0;
    $("#sum").val(sum.toFixed(2));
    //iterate through each textboxes and add the values
    $(".txt").each(function() {
        //add only if the value is number
        if (!isNaN(this.value) && this.value.length != 0) {
            sum += parseFloat(this.value);
        }
    });
    $("#sum").html(sum.toFixed(2));
    var subtotal = document.getElementById("subtotal").value == "";
    var subtotal = document.getElementById("subtotal").value = sum;


    function getTax(tax) {
        var taxFloat = parseFloat(tax)
        if (isNaN(taxFloat)) {
            return 1;
        } else {
            return taxFloat;
        }
    }

    var total = getTax($('#tax').val()) * sum;
    var total1 = document.getElementById("total1").value = total;

}

Answer 2

問題は、JS Fiddleの左側のフレームワークとしてjQueryを選択していないことと、Javascript内でHTMLコメントを使用していることです。たとえば次のようになります。

<!-- TAXES -->

Javascriptを作成するときは、JSコメントを使用する必要があります。次に例を示します。

/*
 * Taxes, or
 */
// Single line comment