由jquery生成的总和仅显示但不保存在文本框值中

时间:2014-09-20 03:48:54

标签: php jquery wordpress-plugin

顺便说一下,我使用wordpress插件(kboard),我只是想尝试包含这个函数,其中用户在3个文本框中插入的值将使用jquery添加,这是我的代码:

$(".add").keyup(function(){
var sum = 0;    
$(".add").each(function() {      
    sum += +this.value;
});

$(".total").val(sum);});

我的问题是,里面的属性“value”没有改变,它只显示总和。如果我必须使用ajax,我的代码应该是什么样的?

3 个答案:

答案 0 :(得分:0)

var sum = 0;   
  $(".add").keyup(function(){        
        sum += +this.value; 
   });
$(".total").val(sum);

在keyup函数之外初始化'sum'变量..

答案 1 :(得分:0)

// save (cache) this element in a variable for later use to save computation
var $values = $(".add");

$values.keyup(function() {
    // reset the sum
    var sum = 0;    
    $values.each(function() {      
        sum += +this.value;
    });

    // assuming total is an input, you can then set the value
    $(".total").val(sum);

    // if we're literally setting an attribute named "value", then
    $(".total").attr("value", sum);

    // if total is not an input and we're just updating its contents
    $(".total").text(sum);
});

答案 2 :(得分:0)

好的,我已经看到了我的错误,我重新阅读了我的代码,我感到非常愚蠢,哦。结果是因为我把disable =" true"在我的输入框中,当我应该使用" readonly"时,为什么它不能保存?哦,我的哥们。谢谢你的答案。这样一个愚蠢的错误。 -__-