解析动态多个表单字段以浮动

Question

我想用特定的类解析输入字段。但是，只有第一个字段的值被解析并复制到其他字段

<?php foreach($income as $inc): ?>
 <input type="text" id="test" class="test" name="income[<?=$inc['id']?>]"/>
<?php endforeach; ?>

我的javascript是

$(document).ready(function(){
  $('.test').focusout(function(e) {
          var value = $('.test').val();
          if(value) {
            value = parseFloat(value).toFixed(2);
            $('.test').val(value);
          }              
      });      
  });

请注意，这些字段是动态的，这就是我无法使用特定ID的原因。如果我这样做，我可能需要重新启动javascript代码。

Answer 1

简而言之，您需要使用当前值：

$(document).ready(function(){
  // collects all elements with the class test
  $('.test').focusout(function(e) {
          // foreach element in this collection do the following
          // get the current value
          var value = $(this).val();
          if(value) {
            value = parseFloat(value).toFixed(2);
            // update if required
            $(this).val(value);
          }              
      });      
  });