在输入字段中显示JS计算总和

时间:2013-01-30 17:51:30

标签: javascript jquery

我想在输入字段中显示此计算的总和:

function calculateSum1() {
    var sum = 0;
    //iterate through each textboxes and add the values
    $("input.miles").each(function() {
        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        }
    });
    $("input.summiles").value(sum);
}

输入字段:

<input class="summiles" type="text" value="">

如果我在一个范围内显示它,它可以正常工作,但我似乎无法在输入字段中显示它。有任何想法吗?谢谢!

5 个答案:

答案 0 :(得分:4)

您需要使用 val() 代替value()来设置文本框。

 $("input.summiles").val(sum);

答案 1 :(得分:1)

.vale是原始javascript属性,而.val是jquery函数,所以你必须改变:

     $("input.summiles").value(sum);

要么:

     $("input.summiles").value=sum;

     $("input.summiles").val(sum);

这些是相同的,没有效率权衡,因为.val()是一个非常薄的值包装器。由于您已经在使用jQuery,我建议在“一个框架”下进行标准化,并使用.val()

答案 2 :(得分:0)

变化

$("input.summiles").value(sum);

$("input.summiles").val(sum);

答案 3 :(得分:0)

适当的jQuery函数是.val(),而不是.value()。不要问为什么。

答案 4 :(得分:0)

变化:

$("input.summiles").value(sum);

$("input.summiles").val(sum);

jQuery没有.value()功能。