实现效果:数量只能输入整数 ,金额需通过:数量*单价自动计算出来。
html代码如下:
<div class="row">
<label class="control-label col-md-3">数量:</label>
<div class="col-md-8">
@*onkeyup="this.value = this.value.replace(/\D/g, ''); MoneyCountFn();"*@
<input type="number" onkeyup="this.value = this.value.replace(/\D/g, ''); MoneyCountFn();" id="txt_Amount" placeholder="请输入数量..." class="form-control input-sm">
</div>
</div>
<div class="row">
<label class="control-label col-md-3">单价:</label>
<div class="col-md-8">
<input type="number" id="txt_Price" onkeyup="MoneyCountFn()" placeholder="请输入单价..." class="form-control input-sm">
</div>
</div>
<div class="row">
<label class="control-label col-md-3">金额:</label>
<div class="col-md-8">
<input type="number" id="txt_Money" placeholder="请输入金额..." class="form-control input-sm" disabled>
</div>
</div>
javascript 代码如下(需引入jquery)
<script>
function MoneyCountFn() {
if ($txt_Amount.val() == '' || $txt_Price.val() == '') {
$txt_Money.val('');
} else {
var amount = parseFloat($txt_Amount.val()); //amount.toFixed(2);
var price = parseFloat($txt_Price.val());
var allMoney = amount * price
var priceArr = $txt_Price.val().split('.');
$txt_Money.val(allMoney.toFixed(priceArr[1]?priceArr[1].length:0));
}
}
</script>