jQuery计算无法解决

时间:2011-04-26 15:02:49

标签: jquery jquery-plugins jquery-calculation

我正在使用jQuery Calculator插件(http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm)并在计算纸杯蛋糕的成本时偶然发现了一个小问题。

1-12种产品需要19英镑,13-24种产品需要37英镑,25种产品需要1.45英镑,但是无法知道如何更改总和以显示这一点。

有人可以帮忙吗?

我的代码到目前为止......

var bIsFirebugReady = (!!window.console && !!window.console.log);

$(document).ready(
    function (){
        // update the plug-in version
        $("#idPluginVersion").text($.Calculation.version););


        // bind the recalc function to the quantity fields
        $("input[name^=qty_item_]").bind("keyup", recalc);
        // run the calculation function now
        recalc();

        // automatically update the "#totalSum" field every time
        // the values are changes via the keyup event
        $("input[name^=sum]").sum("keyup", "#totalSum");

        // automatically update the "#totalAvg" field every time
        // the values are changes via the keyup event
        $("input[name^=avg]").avg({
            bind:"keyup"
            , selector: "#totalAvg"
            // if an invalid character is found, change the background color
            , onParseError: function(){
                this.css("backgroundColor", "#cc0000")
            }
            // if the error has been cleared, reset the bgcolor
            , onParseClear: function (){
                this.css("backgroundColor", "");
            }
        });

        // automatically update the "#minNumber" field every time
        // the values are changes via the keyup event
        $("input[name^=min]").min("keyup", "#numberMin");

        // automatically update the "#minNumber" field every time
        // the values are changes via the keyup event
        $("input[name^=max]").max("keyup", {
            selector: "#numberMax"
            , oncalc: function (value, options){
                // you can use this to format the value
                $(options.selector).val(value);
            }
        });

        // this calculates the sum for some text nodes
        $("#idTotalTextSum").click(
            function (){
                // get the sum of the elements
                var sum = $(".textSum").sum();

                // update the total
                $("#totalTextSum").text("$" + sum.toString());
            }
        );

        // this calculates the average for some text nodes
        $("#idTotalTextAvg").click(
            function (){
                // get the average of the elements
                var avg = $(".textAvg").avg();

                // update the total
                $("#totalTextAvg").text(avg.toString());
            }
        );
    }
);

function recalc(){


    $("[id^=total_item]").calc(
        // the equation to use for the calculation

        if(qty > 24){

            "qty * price",
        // define the variables used in the equation, these can be a jQuery object
        {
            qty: $("input[name^=qty_item_]"),
            price: $("[id^=price_item_]"),

        },

        }else{

            "qty = fee",
        // define the variables used in the equation, these can be a jQuery object
        {
            qty: $("input[name^=qty_item_]"),
            fee: ($("input[name^=qty_item_]").val() < 13) ? 19 : 37 ,

        },

        }




        // define the formatting callback, the results of the calculation are passed to this function
        function (s){
            // return the number as a dollar amount
            return "£" + s.toFixed(2);
        },
        // define the finish callback, this runs after the calculation has been complete
        function ($this){
            // sum the total of the $("[id^=total_item]") selector
            var sum = $this.sum();

            $("#grandTotal").text(
                // round the results to 2 digits
                "£" + sum.toFixed(2)
            );
        }
    );
}

我甚至试过......

    function recalc(){

        // define the variables used in the equation, these can be a jQuery object
        var qty = $("input[name^=qty_item_]");
        var price = $("[id^=price_item_]");
        var fee = ($("input[name^=qty_item_]").val() < 13) ? 19 : 37;

    $("[id^=total_item]").calc(
        // the equation to use for the calculation

        if(qty > 24){

            "qty * price",


        }else{

            "qty = fee",

        }

1 个答案:

答案 0 :(得分:0)

我自己对jQuery calculation plugin感兴趣,所以我设法将你的来源修改为练习。检查它是否按您喜欢的方式工作并仔细阅读代码。

链接:http://jsfiddle.net/Q3Nwd/3/