檢查表單輸入是否等於特定文本，如果是，則執行計算並在另一個輸入字段中打印

Question

我希望能夠檢查兩個輸入字段值（return和takeplaced），例如100和20

如果結果字段=贏，則執行計算：return（--）creditPlaced，然后將結果顯示在另一個稱為利潤的字段中。

PHP用於從表中提取數據---忽略PHP代碼。

HTML

<div class="form-group">
  <label for="stakePlaced">Stake Placed</label>
  <input type="text" class="form-control mb-2" placeholder="stakePlaced" name="stakePlaced" value="<?php echo $stakePlaced ?>">
</div>

<div class="form-group">
  <label for="result">Result</label>
  <input type="text" class="form-control mb-2" placeholder="result" name="result" id="result" onchange="calcula" value="<?php echo $result ?>">
</div>

<div class="form-group">
  <label for="return">Return</label>
  <input type="text" class="form-control mb-2" placeholder="return" name="return" id="return" value="<?php echo $return ?>">
</div>

<div class="form-group">
  <label for="return">Profit</label>
  <input type="text" class="form-control mb-2" placeholder="profit" name="profit" id="profit" value="<?php echo $profit ?>">
</div>

JS

  function calcula(){
    $(document).ready(function(){
      $("#result").keyup(function(){
        if (this.value == "Win"){
          var vreturn = document.getElementById('return').value;
          var stake = document.getElementById('stakePlaced').value; 
          var result = parseFloat(vreturn)-parseFloat(stake);

          var secresult = result.toFixed(2);

          document.getElementById('profit').value = secresult;
       }
    });
});
 window.onload = calcula;

Answer 1

您的數學運算尚不清楚...我不知道在處理數字值時該值怎么可能是Win ...但這可能超出了范圍。

要通過name獲取輸入值（因為沒有id ），可以使用屬性選擇器 。

參見下文...在“結果”字段中鍵入“贏”（第二個）。 它將在“利潤”字段（最后）中輸出“ 0.00”。

 $(document).ready(function(){ $("#result").keyup(function(){ if (this.value == "Win"){ console.log("Win!"); var vreturn = $("[name='return']").val(); var stake = $("[name='stakePlaced']").val(); var result = parseFloat(vreturn)-parseFloat(stake); var secresult = result.toFixed(2); $("[name='profit']").val(secresult); } }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="form-group"> <label for="stakePlaced">Stake Placed</label> <input type="text" class="form-control mb-2" placeholder="stakePlaced" name="stakePlaced" value="20"> </div> <div class="form-group"> <label for="result">Result</label> <input type="text" class="form-control mb-2" placeholder="result" name="result" id="result" value="100"> </div> <div class="form-group"> <label for="return">Return</label> <input type="text" class="form-control mb-2" placeholder="return" name="return" value="20"> </div> <div class="form-group"> <label for="return">Profit</label> <input type="text" class="form-control mb-2" placeholder="profit" name="profit" value="30"> </div> 

而且您不需要在window.onload ...;運行的命名函數中有$(document).ready(function(){