jQuery KeyUp 不允许更多值

Question

我是 javascript（和 jQuery）的新手，所以请多多包涵。

我希望用户能够在文本框中输入数字，并且每次用户输入另一个值（keypress、keydown、keyup）时，代码都会执行并计算新值。

这是jsFiddle

我的问题是文本框不允许我输入多个值。如何继续输入更多值？

jQuery (1.9.1)

$(document).ready(function() {
    $('.conv').keyup(function() {
      var valx = parseFloat($(this).attr('data-val'));
      var classes = parseInt($('.conv').length);

      for (var i=1;classes;i++) {
          var x = 'a' + i;
          //alert(x);
          var theval = document.getElementById(x);
            var z = parseFloat($('#' + x).attr('data-val'));
            //alert(z);
            $('#' + x).val(z / valx);
        if (i == classes) {
        break;
        }
    }
    });
 });

再次...这里是jsFiddle，如果您想编辑

Answer 1

您似乎甚至覆盖了生成事件的文本框的值..

替换

$('#' + x).val(z / valx);

与

$('#' + x).not(this).val(z / valx);

编辑

原因是你总是从

读取值

var valx = parseFloat($(this).attr('data-val'));

而不是

var valx = parseFloat($(this).val());

Check Fiddle