乘以文本框值

时间:2012-07-18 21:18:37

标签: javascript jquery html

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

我创造了一个JS小提琴! 您可以在我的网站上看到小计工作完美!

Js fiddle http://jsfiddle.net/eeMva/

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

2 个答案:

答案 0 :(得分: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;

}

答案 1 :(得分:0)

我认为问题在于你没有选择jQuery作为JS Fiddle左边的框架,而且你在Javascript中使用HTML注释,例如:

<!-- TAXES -->

编写Javascript时,您应该使用JS注释,例如:

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