第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

我如何乘以只讀輸入字段的值并將結(jié)果顯示在另一個(gè)字段中

我如何乘以只讀輸入字段的值并將結(jié)果顯示在另一個(gè)字段中

瀟瀟雨雨 2023-03-03 14:55:30
我有三個(gè)輸入字段，當(dāng)您在第一個(gè)字段中輸入 BTC 金額時(shí)，它會(huì)為您提供等值的 BTC 美元。然后我添加了一個(gè)隱藏的輸入字段，它包含一個(gè)特定的值，比方說(shuō)“460”，現(xiàn)在我想要以美元計(jì)價(jià)的 BTC 乘以“460”并在只讀輸入字段中給出結(jié)果。下面的代碼展示了我的解釋。$(".form-control").keyup(function() { //input[name='calc']  let convFrom;  if ($(this).prop("name") == "btc") {    convFrom = "btc";    convTo = "usd";  } else {    convFrom = "usd";    convTo = "btc";  }  $.getJSON("https://api.coindesk.com/v1/bpi/currentprice/usd.json",    function(data) {      var origAmount = parseFloat($("input[name='" + convFrom + "']").val());      var exchangeRate = parseInt(data.bpi.USD.rate_float);      let amount;      if (convFrom == "btc")        amount = parseFloat(origAmount * exchangeRate);      else        amount = parseFloat(origAmount / exchangeRate);      $("input[name='" + convTo + "']").val(amount.toFixed(2));    });});<script src="https://stacksnippets.net/scripts/snippet-javascript-console.min.js?v=1"></script><script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><form>  <input type="number" name="btc" class="form-control" id="validationTooltip02" placeholder="BTC">  <input type="number" name="usd" class="form-control" id="a" onkeyup="add()" placeholder="USD" readonly>對(duì)于乘法，我在 USD 字段中添加了 onkeyup 函數(shù)，<script type="text/javascript">        function add() {  var x = parseInt(document.getElementById("a").value);  var y = parseInt(document.getElementById("b").value)  document.getElementById("c").value = x * y;}    </script>然后嘗試通過(guò) ID 將結(jié)果收集到一個(gè)字段中<input name="amount" class="form-control" type="text" placeholder="0.00000" id="c" aria-label="0.00000" readonly>如果我在 USD 字段中刪除只讀并直接鍵入，則此方法有效，但在只讀時(shí)不適用于該字段中 BTC 到 USD 總和的結(jié)果。我希望我能夠解釋這一點(diǎn)。請(qǐng)幫忙，因?yàn)槲也皇菍＜摇?
查看完整描述

2 回答

?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

你正在混合jQuery在一起，JS理想情況下堅(jiān)持使用一個(gè)以避免混淆。您不需要單獨(dú)的函數(shù)添加第三個(gè)輸入值乘以的second值。


您可以在API調(diào)用函數(shù)中執(zhí)行所有這些操作。除了獲得你還需要在第三個(gè)輸入上decimals使用。toFixed()finalamount


此外，為了獲得更好的用戶體驗(yàn)，我建議使用更好的.on功能，因?yàn)槟阌蓄愋吞?hào)。您可以通過(guò)單擊增加輸入來(lái)使用您的數(shù)字，新值和總數(shù)將立即反映出來(lái)，而不是再次單擊或輸入。inputkey-upinputincrement


現(xiàn)場(chǎng)工作演示：


$("#validationTooltip02").on('input', function() { //input[name='calc']

  let convFrom;

  if ($(this).prop("name") == "btc") {

    convFrom = "btc";

    convTo = "usd";

  } else {

    convFrom = "usd";

    convTo = "btc";

  }


  $.getJSON("https://api.coindesk.com/v1/bpi/currentprice/usd.json",

    function(data) {

      var origAmount = parseFloat($("input[name='" + convFrom + "']").val());

      var exchangeRate = parseInt(data.bpi.USD.rate_float);

      let amount;

      if (convFrom == "btc")

        amount = parseFloat(origAmount * exchangeRate);

      else

        amount = parseFloat(origAmount / exchangeRate);

      $("input[name='" + convTo + "']").val(amount.toFixed(2));

            

      //Add here

      var a = parseFloat($('#a').val())

      var b = parseFloat($('#b').val())

      var final = a * b//final amount multiplied by 465

      $('#c').val(final.toFixed(2))

    });

});

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://stacksnippets.net/scripts/snippet-javascript-console.min.js?v=1"></script>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<form>

  <input type="number" name="btc" class="form-control" id="validationTooltip02" placeholder="BTC">


  <input type="number" name="usd" class="form-control" id="a" placeholder="USD" readonly>


  <input type="hidden" id="b" value="465">


  <input name="amount" class="form-control" type="text" placeholder="0.00000" id="c" aria-label="0.00000" readonly>

</form>


查看完整回答
反對(duì) 回復(fù) 2023-03-03
?
慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

所以，我認(rèn)為你應(yīng)該在你已經(jīng)調(diào)用.form-controlkeyup 的函數(shù)中使用你的 add 函數(shù)，如下所示：


$(".form-control").keyup(function() { //input[name='calc']

  let convFrom;

  if ($(this).prop("name") == "btc") {

    convFrom = "btc";

    convTo = "usd";

  } else {

    convFrom = "usd";

    convTo = "btc";

  }

  $.getJSON("https://api.coindesk.com/v1/bpi/currentprice/usd.json",

    function(data) {

      var origAmount = parseFloat($("input[name='" + convFrom + "']").val());

      var exchangeRate = parseInt(data.bpi.USD.rate_float);      

      let amount;

      if (convFrom == "btc")

        amount = parseFloat(origAmount * exchangeRate);

      else

        amount = parseFloat(origAmount / exchangeRate);

      $("input[name='" + convTo + "']").val(amount.toFixed(2));

      

      // Here goes the content of the add function

      var x = parseInt(document.getElementById("a").value);

      var y = parseInt(document.getElementById("b").value)

      document.getElementById("c").value = x * y;

    });

});


查看完整回答
反對(duì) 回復(fù) 2023-03-03
  • 2 回答
  • 0 關(guān)注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)