Question

我遇到了带有3个输入的脚本的问题

虽然用户正在键入脚本应该计算一些结果..当Sale输入有值并且用户编辑Avance输入时，它的工作方式几乎应该执行，脚本没有'返回结果？

<div id="tst" style="border:1px solid black; background:white; width:100px; height:100px"></div>

Cost = <input id="inp_cost" type="text" /><br>
Avance = <input id="inp_avance" type="text" /><br>
Sale = <input id="inp_sale" type="text" /><br>

$(function(){
    var calc = function(){
        var Calc = new Calc_avance();
        Calc.cost = $('#inp_cost').val();
        Calc.avance = $('#inp_avance').val();
        Calc.sale = $('#inp_sale').val();
        Calc.calc();

        $('#tst').html('<div>cost = '+Calc.cost+'</div><div>avance = '+Calc.avance+'</div><div>sale = '+Calc.sale+'</div>');

        return Calc;
    };

    var calc_cost = function(){
        var Calc = calc();
    };

    $('#inp_cost').change(calc_cost)
        .keyup(calc_cost);

    var calc_avance = function(){
        var Calc = calc();
    };

    $('#inp_avance').change(calc_avance)
        .keyup(calc_avance);

    var calc_sale = function(){
        var Calc = calc();
    };

    $('#inp_sale').change(calc_sale)
        .keyup(calc_sale);
});

function Calc_avance(){
    this.cost = 0;
    this.avance = 0;
    this.sale = 0;

    this.calc = function(){
        this.cost = parseFloat(this.cost.replace(',', '.'));
        this.avance = parseFloat(this.avance.replace(',', '.'));
        this.sale = parseFloat(this.sale.replace(',', '.'));

        if(!isNumber(this.cost)){
            this.cost = 0;
        }

        if(!isNumber(this.avance)){
            this.avance = 0;
        }

        if(!isNumber(this.sale)){
            this.sale = 0;
        }

        if(this.cost){
            if(this.sale){
                this.avance = (this.sale - this.cost) / this.sale * 100;
            }

            if(this.avance){
                this.sale = this.cost / (100 - this.avance) * 100;
            }
        }
        else{
            this.avance = 0;
        }

        if(this.avance < 0){
            this.avance = 0;
        }
    };
}

function isNumber(n){
    return !isNaN(parseFloat(n)) && isFinite(n);
}

Answer 1

你的脚本没有返回值，你的意思是它没有POST值吗？您的输入没有名称，只有ID，因此它们根本不会发布。

此外，我看到您的代码有趣的递归问题。 calc_avance调用calc，它调用Calc_avance，这是一个复杂的混乱。

总而言之，我认为你能做的最重要的事情就是废弃你所拥有的并重新开始。看起来你想要做的事情非常简单，你只是把问题复杂化了

使用keyup（）的动态输入

1 个答案: