jQuery KeyUp ne permettant pas plus de valeurs

Question

Je suis nouveau à javascript (et jQuery) alors ours avec moi. Je souhaite que l'utilisateur puisse saisir un nombre dans une zone de texte et chaque fois que l'utilisateur saisit une autre valeur (touche, touche enfoncée, touche enfoncée), le code s'exécute et calcule la nouvelle valeur.

est ici un jsFiddle

Mon problème est que la zone de texte ne me laisse pas entrer dans plus d'une valeur. Comment puis-je continuer à entrer plus de valeurs?

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

Encore une fois ... voici un jsFiddle si vous souhaitez modifier

Answer 1

Vous semblez même la valeur d'écraser de la zone de texte qui a généré l'événement ..

Remplacer

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

avec

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

EDIT

La raison est que vous lisez toujours la valeur de

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

au lieu de

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

Check Fiddle