jQuery计算插件:在表单字段而不是文本中显示总计

时间:2010-03-31 17:33:03

标签: jquery plugins

我对这个问题的“基本性”感到尴尬,但是在浪费了几个小时之后,这里就开始了。

为了尝试使用jQuery Calculation插件,我正在使用plugin site上的订单表单的基本示例。我希望将总计作为表单字段而不是文本字段,因此我可以使用该值。

计算和显示总计的函数是:

    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)
                );
            }

关键字的总更新:

<span id="grandTotal"></span>

但这不适用于:

<input type="text" id="grandTotal" value=""/>

有人能指出我需要添加/更改以使其工作吗?打电话给我的javascript基本会是一种恭维,所以请跟我说话,就像我一无所知!

3 个答案:

答案 0 :(得分:5)

您可以使用jQuery的.val()方法设置输入字段的值:

$("#grandTotal").val(sum.toFixed(2));

要完成:如果您有textarea,那么您可以使用.text()方法设置textarea内的文字(我不确定.val(),我认为这真的只适用于其他表单元素。)

答案 1 :(得分:0)

function ($this){ 
            // sum the total of the $("[id^=total_item]") selector 
            var sum = $this.sum(); 

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

试试。

.text更改为.val

答案 2 :(得分:0)

您需要使用val方法将值插入文本框中:

$("#grandTotal").val(sum.toFixed(2));