1. 首頁
  2. 問答
  3. jquery .on基於所選值更改輸入字段中的實時更新

jquery .on基於所選值更改輸入字段中的實時更新

2017-06-12 56 views
1

安全加密功能正常工作。 現在我想要的是，在keyup函數執行計算之後，如果我繼續並更改select選項，則根據選定的選項執行計算，而無需再次鍵入，除非可能是我想更改金額。jquery .on基於所選值更改輸入字段中的實時更新

在此先感謝。

討好是fiddle

$('#buyselect').change(function() { 

var value = $(this).val(); 
switch (value) { 
    case 'btc': 
    var rate = 4.7; 
    var ngnrate = 5.7; 

    var buyusd = $("#buyusd"); 
    buyusd.keyup(function() { 
     var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyghc").val(total1); 

     var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
     ngntotal1 = parseFloat(ngntotal).toFixed(2); 
     $("#buyngn").val(ngntotal1); 
    }); 

    var buyghc = $("#buyghc"); 
    buyghc.keyup(function() { 
     var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyusd").val(total1); 

     var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
     ngntotal1 = parseFloat(ngntotal).toFixed(2); 
     $("#buyngn").val(ngntotal1); 

    }); 

    var buyngn = $("#buyngn"); 
    buyngn.keyup(function() { 
     var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyusd").val(total1); 

     var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
     ghctotal1 = parseFloat(ghctotal).toFixed(2); 
     $("#buyghc").val(ghctotal1); 
    }); 
    break; 

    case 'gcr': 
    var rate = 7; 
    var ngnrate = 3; 

    var buyusd = $("#buyusd"); 
    buyusd.keyup(function() { 
     var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyghc").val(total1); 

     var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
     ngntotal1 = parseFloat(ngntotal).toFixed(2); 
     $("#buyngn").val(ngntotal1); 
    }); 

    var buyghc = $("#buyghc"); 
    buyghc.keyup(function() { 
     var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyusd").val(total1); 

     var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
     ngntotal1 = parseFloat(ngntotal).toFixed(2); 
     $("#buyngn").val(ngntotal1); 

    }); 

    var buyngn = $("#buyngn"); 
    buyngn.keyup(function() { 
     var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
     total1 = parseFloat(total).toFixed(2); 
     $("#buyusd").val(total1); 

     var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
     ghctotal1 = parseFloat(ghctotal).toFixed(2); 
     $("#buyghc").val(ghctotal1); 
    }); 
    break; 
} });

來源

2017-06-12 justice

回答

0

你應該創建兩個functions。

$('#buyselect').change(function() { 
 

 
     var value = $('#buyselect').val(); 
 
    switch (value) { 
 
     case 'btc': 
 
     var rate = 4.7; 
 
     var ngnrate = 5.7; 
 

 
     var buyusd = $("#buyusd"); 
 
      var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyghc").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     var buyghc = $("#buyghc"); 
 
      var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     var buyngn = $("#buyngn"); 
 
      var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
 
      ghctotal1 = parseFloat(ghctotal).toFixed(2); 
 
      $("#buyghc").val(ghctotal1); 
 
     break; 
 

 
     case 'gcr': 
 
     var rate = 7; 
 
     var ngnrate = 3; 
 

 
     var buyusd = $("#buyusd"); 
 
      var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyghc").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     var buyghc = $("#buyghc"); 
 
      var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     var buyngn = $("#buyngn"); 
 
      var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
 
      ghctotal1 = parseFloat(ghctotal).toFixed(2); 
 
      $("#buyghc").val(ghctotal1); 
 
     break; 
 
    } 
 
    }); 
 
    function change_value(){ 
 
    var value = $('#buyselect').val(); 
 
    switch (value) { 
 
     case 'btc': 
 
     var rate = 4.7; 
 
     var ngnrate = 5.7; 
 

 
     var buyusd = $("#buyusd"); 
 
     buyusd.keyup(function() { 
 
      var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyghc").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 
     }); 
 

 
     var buyghc = $("#buyghc"); 
 
     buyghc.keyup(function() { 
 
      var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     }); 
 

 
     var buyngn = $("#buyngn"); 
 
     buyngn.keyup(function() { 
 
      var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
 
      ghctotal1 = parseFloat(ghctotal).toFixed(2); 
 
      $("#buyghc").val(ghctotal1); 
 
     }); 
 
     break; 
 

 
     case 'gcr': 
 
     var rate = 7; 
 
     var ngnrate = 3; 
 

 
     var buyusd = $("#buyusd"); 
 
     buyusd.keyup(function() { 
 
      var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyghc").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 
     }); 
 

 
     var buyghc = $("#buyghc"); 
 
     buyghc.keyup(function() { 
 
      var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
 
      ngntotal1 = parseFloat(ngntotal).toFixed(2); 
 
      $("#buyngn").val(ngntotal1); 
 

 
     }); 
 

 
     var buyngn = $("#buyngn"); 
 
     buyngn.keyup(function() { 
 
      var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
 
      total1 = parseFloat(total).toFixed(2); 
 
      $("#buyusd").val(total1); 
 

 
      var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
 
      ghctotal1 = parseFloat(ghctotal).toFixed(2); 
 
      $("#buyghc").val(ghctotal1); 
 
     }); 
 
     break; 
 
    } 
 
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<select class="form-control" id="buyselect"> 
 
    <option> </option> 
 
    <option value="btc">BITCOIN</option> 
 
    <option value="gcr">GCR COIN</option> 
 
</select> 
 

 
<div> 
 
    <div class="form-group"> 
 
    <label for="amount">Amount in USD:</label> 
 
    <input type="number" class="form-control" id="buyusd" onkeypress="return change_value()"> 
 
    </div> 
 
</div> 
 

 
<div> 
 
    <div class="form-group"> 
 
    <label for="amount">Amount in GHC:</label> 
 
    <input type="number" class="form-control" id="buyghc"> 
 
    </div> 
 
</div> 
 

 
<div> 
 
    <div class="form-group"> 
 
    <label for="amount">Amount in NGN:</label> 
 
    <input type="number" class="form-control" id="buyngn"> 
 
    </div> 
 
</div>

來源

2017-06-12 15:04:52

+0

幫我頁面上有許多感謝 – justice

+0

刷新第一KEYUP不會生效，但第二個和以後做。 – justice

+0

但在我的電腦它工作完美 –

0

創建一個共同的功能，並呼籲在該電平變化的功能和安其高達 codepen鏈接https://codepen.io/kalaiselvan/pen/KqMPaK

 $(function(){ 
    $("#buyusd").keyup(function(){ 
     calculate(); 
    }) 
    $('#buyselect').change(function() { 
     calculate(); 
    }) 
}); 
function calculate(){ 
    var value = $("#buyselect").val(); 
    switch (value) { 
      case 'btc': 
      var rate = 4.7; 
      var ngnrate = 5.7; 

      var buyusd = $("#buyusd"); 

       var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyghc").val(total1); 

       var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
       ngntotal1 = parseFloat(ngntotal).toFixed(2); 
       $("#buyngn").val(ngntotal1); 


       var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyusd").val(total1); 

       var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
       ngntotal1 = parseFloat(ngntotal).toFixed(2); 
       $("#buyngn").val(ngntotal1); 

       var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyusd").val(total1); 

       var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
       ghctotal1 = parseFloat(ghctotal).toFixed(2); 
       $("#buyghc").val(ghctotal1); 
      break; 

      case 'gcr': 
      var rate = 7; 
      var ngnrate = 3; 

      var buyusd = $("#buyusd"); 

       var total = isNaN(parseInt(buyusd.val() * rate)) ? 0 : (buyusd.val() * rate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyghc").val(total1); 

       var ngntotal = isNaN(parseInt(buyusd.val() * ngnrate)) ? 0 : (buyusd.val() * ngnrate); 
       ngntotal1 = parseFloat(ngntotal).toFixed(2); 
       $("#buyngn").val(ngntotal1); 



       var total = isNaN(parseInt(buyghc.val()/rate)) ? 0 : (buyghc.val()/rate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyusd").val(total1); 

       var ngntotal = isNaN(parseInt(total1 * ngnrate)) ? 0 : (total1 * ngnrate); 
       ngntotal1 = parseFloat(ngntotal).toFixed(2); 
       $("#buyngn").val(ngntotal1); 


       var total = isNaN(parseInt(buyngn.val()/ngnrate)) ? 0 : (buyngn.val()/ngnrate); 
       total1 = parseFloat(total).toFixed(2); 
       $("#buyusd").val(total1); 

       var ghctotal = isNaN(parseInt(total1 * rate)) ? 0 : (total1 * rate); 
       ghctotal1 = parseFloat(ghctotal).toFixed(2); 
       $("#buyghc").val(ghctotal1); 

      break; 
     } 

}

來源

2017-06-12 14:48:14

+0

這是一個好主意感謝 – justice

相關問題

 相關問題