Question

如何从“＃sum”中获取结果并将其自动复制到文本字段中，以便在我提交表单时，该值也会被发送？

<script>
    $(document).ready(function() {
        $(":text").each(function() {
            $(this).keyup(function() {
                calculateSum();
            });
        });
    });

    function calculateSum() {
    var sum=0;
    $(":text").each(function() {
        if(!isNaN(this.value) && this.value.length!=0 {
            sum+=parseFloat(this.value);
        }
    });
    $("#sum").html(sum.toFixed(0));
   $("#myTextField").val(sum.toFixed(0)); //adding to text field
}
</script>

有快速解决方法吗？

这是HTML页面上实际值的更新。

<span id="sum">0</span>

这不是正确的。如果我在其中一个字段中键入500，它现在取第一个数字并重复，所以如果我输入500，则输出为555

任何帮助？

Answer 1

您的问题是“：text”正在选择myTextField。因此，您的最终价值将重新加入。 5 = 5; 50 + 5 = 55; 500 + 55 = 555;您可以尝试使用not选择器。

$（ “：文本：否（ '＃myTextField将'）”）

http://jsfiddle.net/RhRbR/

$(":text:not(#myTextField)").each(function() {
  if(!isNaN(this.value) && this.value.length!=0) {
    sum+=parseFloat(this.value);
  }
})

小提琴可以指明你的方式。

克隆从字段总和跨越到textfield

1 个答案: