我有一个表单(jconfirm 内容的一部分)有一个输入字段。用户可以更改输入值,离线金额需要根据 updateOfflineAmount() 中的计算根据余额金额的变化值进行更新。现在,在更改余额金额的输入字段后,离线金额不会更新。
$.confirm({
title:'',
content:'<form action="" class="formName">' +
'<div class="form-group">' +
'<div id="account_balance">account balance: $'+account_balance+'</div>' +
'<div id="total_amount">total amount: $'+total_amount+'</div>' +
'<div id="balance_amount">balance amount: <input type="number" id="balance_amount" name="balance_amount" value='+balance_amount+'></div>'+
'<div id="offline_amount">offline amount: $'+offline_amount+'</div>' +
'</div>' +
'</form>'
});
function updateOfflineAmount(){
var balance_amount_tmp=$('#balance_amount').val();
offline_amount=total_amount-balance_amount_tmp;
$("#offline_amount").val(offline_amount);
}
$('body').on('change','#balance_amount',function() {
updateOfflineAmount();
});
您ID
在html()
and之间加倍和混合val()
,用于parseInt()
从 html 获取整数,最好使用input
event
var account_balance = 999,
total_amount = 666,
balance_amount = 0,
offline_amount = 0,
myForm = '<form action="" class="formName">' +
'<div class="form-group">' +
'<div id="account_balance">account balance: $<span id="total_amount">' + account_balance + '</span></div>' +
'<div>total amount: $' + total_amount + '</div>' +
'<div>balance amount: <input type="number" id="balance_amount" name="balance_amount" value=' + balance_amount + '></div>' +
'<div>offline amount: $<span id="offline_amount">' + offline_amount + '</span></div>' +
'</div>' +
'</form>'
$('body').html(myForm);
function updateOfflineAmount() {
var balance_amount_tmp = $('#balance_amount').val(),
total_amount = parseInt($('#total_amount').html());
$('#balance_amount').val(balance_amount_tmp);
offline_amount = total_amount - balance_amount_tmp;
$("#offline_amount").html(offline_amount);
}
$('#balance_amount').on('input', function() {
updateOfflineAmount();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句