jQuery：监听文本框数字变化实时计算价格，如：贷款=成交价-首付，贷款会随着成交价、首付任何一个值的变化而实时变化

草鞋船

于 2019-01-18 11:08:38 发布

阅读量622

点赞数

文章标签： js jquery zepto html 移动端

本文链接：https://blog.csdn.net/weixin_44558497/article/details/86536553

版权

jQuery：监听文本框数字变化实时计算价格，如：贷款=成交价-首付，贷款会随着成交价、首付任何一个值的变化而实时变化

效果图：
在这里插入图片描述

1、html代码：
（样式请自行调整）

代码复制区：//type="number"起到限制文本框输入其他字符，只能输入数字。
成交价：<input type="number" placeholder="请填写" id="housing-chengjiao-price">
首付：<input type="number" placeholder="请填写" id="down-payments">
贷款：<div class="item-input" id="loan"></div>

2、js代码：