顯示並計算輸入號碼

我如何在每次輸入號碼並自動計算時自動顯示。顯示並計算輸入號碼

然後拾取按鈕將觸發來計算價格，我的底價是100，所以如果它的2層，這將是200，

<br> Layer <input type="number" min="1" id="cake_layer" name="cake_layer" /> <!-- onchange="updateTotal()" --> 
 
    <input type="button" value="Pick" id="choose" /> 
 
    
 
    <br> 
 
    Layer inputed <div class="layer_display"> </div> 
 
    <br> 
 
    Layer Amount <div class="layer_amt"> </div>

我真的需要幫幫我。謝謝！！！

來源

2017-02-24 Poofbrayy

什麼ü意味着通過'顯示每time' –

歡迎的StackOverflow！爲了讓我們更好地爲您提供幫助，請更新您的問題，以便在[最小，完整和可驗證的示例]中顯示所有相關代碼（http://stackoverflow.com/help/mcve）。另外請務必讓我們知道您迄今爲止已經嘗試解決您的問題。有關詳細信息，請參閱[幫助文章]（http://stackoverflow.com/help/how-to-ask），瞭解如何提出良好問題。 –

這是你想要做什麼？

var cakeLayer = document.getElementById("cake_layer"), 
 
    price = 100, 
 
    layerDisplay = document.getElementsByClassName("layer_display")[0], 
 
    layerAmt = document.getElementsByClassName("layer_amt")[0]; 
 

 
cakeLayer.onchange = function(event) { 
 
    var amount = this.value || 0, 
 
    totalPrice = amount * price; 
 

 
    layerDisplay.innerText = totalPrice; 
 
    layerAmt.innerText = amount; 
 

 
}

<input type="number" min="1" id="cake_layer" name="cake_layer" /> 
 
<!-- onchange="updateTotal()" --> 
 
<input type="button" value="Pick" id="choose" /> 
 
<br> total price 
 
<div class="layer_display"> </div> 
 
<br> Layer Amount 
 
<div class="layer_amt"> </div>

來源

2017-02-24 02:38:06 Julien

很酷，謝謝！ – Poofbrayy

您可以通過使用JavaScript或jQuery來實現此目的。這是操縱DOM的唯一方法。

看到這個工作的jsfiddle我做： https://jsfiddle.net/jw6q53fz/1/

HMTL

<div> 
    <label for="cake_layer">Layer</label> 
    <input type="number" class="cake_layer" name="cake_layer" id="cake_layer"/> 
    <button id="choose">Pick</button> 
</div> 
<div> 
    <p>Layer inputed: <span class="layer_display"> </span></p> 
    <p>Layer Amount: <span class="layer_amt"> </span></p> 
</div>

jQuery的

$('#choose').on('click', function(){ 
    var cakeLayerValue = $('#cake_layer').val(); 
    $('.layer_display').html(cakeLayerValue); 
    $('.layer_amt').html(cakeLayerValue * 100); 
});

來源

2017-02-24 02:24:05 Josh

謝謝，我會試試這個！ – Poofbrayy

顯示並計算輸入號碼

回答

相關問題