如果选中了复选框，则会计算文本框

Question

如下图所示，我有<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>文本框和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> 文本框

Sell Price

最后，我的 <input type="number" class="form-control" name="sell_price" id="sell_price" step='0.01' value='0.00' placeholder='0.00' required> 文本框

Buy Price

这是我最初的jQuery代码：

 <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">

我想要发生的是，当我点击var buyp = parseInt($('#buyp').val()); var sellp = parseFloat($('#sellp').val()); $('#sell_price').val((buyp * ((sellp/100)+1)).toFixed(2)) Use Sell Price Percentage文本框将自动计算时，如果我更改了buyprice onkeyup，也可以重新计算。

Answer 1

你必须做这样的事情，

在HTML中：

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

在JS中：

function checkThis(){

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

对于buyPrice的更改，您可以使用onblur：

在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()">