javascript - 将文本框值相乘

Question

问题：我有 3 个文本框：小计、税收和总计。我希望小计文本框中的值乘以税文本框中的值并显示在总文本字段中。

我创建了一个 JS Fiddle！您可以在我的网站上看到小计完美运行​​！

Js 小提琴http://jsfiddle.net/eeMva/

我的网站http://soldbybillcox.com/treasure/demo.php

Answer 1

http://jsfiddle.net/eeMva/ ?? 或 http://jsfiddle.net/eeMva/1/乘以小计和税收

请注意

• 您的 keyup 事件已更改。
• jsfiddle 里面有 mootool 而不是 jquery。
• 删除了几条评论

希望这有助于原因:) 代码

$(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

我认为问题在于您没有选择 jQuery 作为 JS Fiddle 左侧的框架，并且您在 Javascript 中使用了 HTML 注释，例如：

<!-- TAXES -->

编写 Javascript 时应使用 JS 注释，例如：

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