javascript - 更新更改事件 jquery 上的字段值

Question

我的 html 模板中有这个输入字段:

<form>
  <input id="id_usd_value">
  <input id="id_rer_value" value="3000">
  <input id="id_euros_value">
</form>

如果我更改比索值，则此 jquery 代码应该更新美元值，反之亦然，具体取决于 rer 值:

<script type="text/javascript" src="jquery-2.0.3.min.js" charset="UTF-8" ></script>
    <script type="text/javascript">
    $(document).ready(
      function() {
        $('#id_usd_value').on('change',
          function(e) {
            $('#id_pesos_value').val(
              Math.round(
                parseFloat($(this).val()) / parseFloat($('#id_rer_value').val())
              ) 
            );
          }
        );

        $('#id_pesos_value').on('change',
          function(e) {
            $('#id_usd_value').val(
              Math.round(
                parseFloat($(this).val()) * parseFloat($('#id_rer_value').val())
              ) 
            );
          }
        );
      }
    );
    </script>

但它不起作用，你能帮我吗？

Answer 1

您有一个拼写错误，请参阅 fiddle 以获取工作版本:您写的是 id_euros_value 而不是 id_pesos_value

<form>
  <input id="id_usd_value">
  <input id="id_rer_value" value="3000">
  <input id="id_pesos_value">
</form>

https://jsfiddle.net/2x9r9a2v/