php<div class="col-md-2"> Amount<input type="text" name="edit_amount" id="edit_amount" class="form-control" onkeypress="isInputNumber(event)"/> </div> <div class="col-md-2"> Cash Tendered</strong>: <input type="text" name="edit_payment" id="edit_payment" class="form-control"onkeypress="isInputNumber(event)"/> </div> <div class="col-md-2"> Change </strong>: <input type="text" name="edit_change" id="edit_change"readonly="" class="form-control"/> </div> <div class="col-md-2"> Balance</strong>: <input type="text" name="edit_balance" id="edit_balance"readonly="" class="form-control" value="<?php echo $row['balance'] ?>" /> </div>此行余額是患者最后一筆交易的余額。此回聲余額查看/檢查患者的剩余余額。Javascript$(function() { $("#edit_payment").on("keydown keyup", sum); function sum() { var textValue1 = Number.parseFloat(document.getElementById('edit_payment').value); var textValue2 = Number.parseFloat(document.getElementById('edit_amount').value); if (textValue1>=textValue2) { document.getElementById('edit_balance').value = "0"; document.getElementById('edit_change').value = textValue1 - textValue2; } else if(textValue1<textValue2){ document.getElementById('edit_change').value = "0"; document.getElementById('edit_balance').value = textValue2 - textValue1; } }});我的問題是，如果患者再次交易并且患者將有另一個余額，我想要添加以前的余額和當(dāng)前余額。例如，患者在上次交易中的先前余額中有 100 美元 然后患者將再次進行交易，交易總額為 200 美元，然后患者支付 50 美元，因此余額為 150 美元。然后該患者的總余額將變?yōu)?250 美元，因為之前的 100 美元，然后是當(dāng)前的 150 美元。
1 回答
四季花海
TA貢獻1811條經(jīng)驗 獲得超5個贊
您的代碼中有兩個問題：
isInputNumber已綁定，#edit_payment因此 jQuery 回調(diào)將無法正常工作。如果你想減少每個事件的余額，你必須在事件監(jiān)聽器之前的某個地方
keyup存儲第一個 balance( )。$row['balance']
const parseNumber = function(value) {
value = parseFloat(value);
if (isNaN(value)) {
value = 0;
}
return value;
}
const balanceInput = $("#edit_balance");
const paymentInput = $("#edit_payment");
const balance = parseNumber(balanceInput.val());
$("#edit_payment").on("keyup", function() {
let tmpBalance = balance;
let amount = parseNumber(paymentInput.val());
if (tmpBalance >= amount) {
tmpBalance = tmpBalance - amount;
}
balanceInput.val(tmpBalance);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-2">
Amount<input type="text" name="edit_amount" id="edit_amount" class="form-control" />
</div>
<div class="col-md-2">
Cash Tendered</strong>: <input type="text" name="edit_payment" id="edit_payment" class="form-control"/>
</div>
<div class="col-md-2">
Change </strong>: <input type="text" name="edit_change" id="edit_change"readonly="" class="form-control"/>
</div>
<div class="col-md-2">
Balance</strong>: <input type="text" name="edit_balance" id="edit_balance"readonly="" class="form-control" value="40" />
</div>
- 1 回答
- 0 關(guān)注
- 97 瀏覽
添加回答
舉報
0/150
提交
取消