Question

我正在使用实时货币计算器脚本，目标是根据表单输入进行实时计算。

到目前为止，由于您的评论，我取得了以下成就：

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="usd">
<input type="text" id="gel">
<input type="text" id="eur">

JAVASCRIPT

<script>
$("#gel").keyup(function(){
  var val = $(this).val();
  if(isNaN(val)) { val =val.replace(/\D/g,''); }
  $('#usd').val(val / <?php echo $usd; ?>);
  $("#gel").val(val);
  $("#eur").val(val / <?php echo $eur; ?>);
});
$("#usd").keyup(function(){
  var val = $(this).val();
  if(isNaN(val)) { val =val.replace(/\D/g,''); }
  $('#usd').val(val);
  $("#gel").val(val*<?php echo $usd; ?>);
  $("#eur").val(val*<?php echo $usd; ?>/<?php echo $eur; ?>);
});
$("#eur").keyup(function(){
  var val = $(this).val();
  if(isNaN(val)) { val =val.replace(/\D/g,''); }
  $('#usd').val(val*<?php echo $eur; ?>/<?php echo $usd; ?>);
  $("#gel").val(val*<?php echo $eur; ?>);
  $("#eur").val(val);
});
</script>

这样做是否正确？

Answer 1

您需要按照以下步骤使用jquery脚本

--fmax-error

$("#usd").change(function(){
  var val = $(this).val();
  $("#gel").val(val*55);
  $("#inr").val(val*10);
});

Answer 2

// html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="usd">
<input type="text" id="gel">
<input type="text" id="inr">

// jQuery

$("#usd").keyup(function(){
  var val = $(this).val();
  val = val.replace(/\D/g,'');
  $('#usd').val(val);
  $("#gel").val(val*55);
  $("#inr").val(val*10);
});

基于其他输入值的表单输入实时计算

2 个答案: