2016-11-27 6 views
1

enter image description hereチェックされているcheckboxed場合は下の画像に示すように、テキストボックスが

を計算します、私はSell PriceテキストボックスとUse Sell Price Percentageテキストボックスを持っています。私Use Sell Price Percentage

<div class="checkbox"> 
<label> 
    <input type="checkbox" name="sellpCheck" id="scheck" onclick="document.getElementById('sell_price').disabled=this.checked;"> 
    * Use Sell Price Percentage 
</label> 

、ここでは私のBuy Priceテキストボックス、最後に私のSell Priceテキストボックス

<input type="number" class="form-control" name="sell_price" id="sell_price" step='0.01' value='0.00' placeholder='0.00' required> 

だ、このコードを持って

<input type="number" class="form-control" name="buy_price" placeholder="Buying Price Per Unit" 
     step='0.01' value='0.00' placeholder='0.00' min="0" max="9999" required id="buyp"> 

ここに私の最初のjQueryのコードです:

var buyp = parseInt($('#buyp').val()); 
var sellp = parseFloat($('#sellp').val()); 
$('#sell_price').val((buyp * ((sellp/100)+1)).toFixed(2)) 

Use Sell Price Percentageをクリックしたときに、Sell Priceというテキストボックスが自動的に計算され、私が変更したボタンを変更すると再計算することもできます。 JSで

<input type="checkbox" name="sellpCheck" id="scheck" onclick="document.getElementById('sell_price').disabled=this.checked;checkThis();"> 

function checkThis(){ 

var buyp = parseInt($('#buyp').val()); 
var sellp = parseFloat($('#sellp').val()); 
$('#sell_price').val((buyp * ((sellp/100)+1)).toFixed(2)); 
} 

あなたがのonblur使用することができbuyPriceの変化のために:

答えて

1

あなたはHTMLで

、このような何かをしなければならないでしょう

HTML:

<input type="number" class="form-control" name="buy_price" placeholder="Buying Price Per Unit" 
    step='0.01' value='0.00' placeholder='0.00' min="0" max="9999" required id="buyp" onblur="checkThis()"> 
+0

あなたのコードの問題は 'elem.checked'だけでした。 'sell_price'テキストボックスを無効にしません。私はこれを「this.checked」に変更しました。ありがとう! – Odie

関連する問題