从一个文本字段中减去另一个文本字段的数值内容并实时显示结果？
从一个文本字段中减去另一个文本字段的数值内容并实时显示结果？
提问于 2010-11-05 04:12:14
我正在使用jQuery键盘构建销售点界面
http://keith-wood.name/keypadBasics.html
我有两个文本字段，即
以前的租金和已付的租金
当用户输入数据时，我希望页面实时运行以下公式
以前的租金-已付的租金
我希望它能实时显示文本字段下的结果(无需刷新页面或提交代码)
如何做到这一点？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-11-05 04:25:04
绑定到change或blur应该可以工作。
<html>
<body>
<script src='jquery.js'></script>
<script>
$(document).ready(function(){
$('#previousRent').change(function(){
calcResult();
});
$('#rentPaid').change(function(){
calcResult();
});
});
function calcResult() {
$('#result').val( parseFloat($('#previousRent').val() - $('#rentPaid').val()) );
}
</script>
<input type="text" id="previousRent">
<input type="text" id="rentPaid">
<input type="text" id="result">
</body>
</html>Stack Overflow用户
发布于 2010-11-05 04:19:28
假设您想要在“已付租金”字段失去焦点时进行更新：
$('#rent-paid').blur(function({
var diff = $('#previous-rent').attr('value') - $(this).attr('value');
$('#total').text(diff);
}));页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4100869
复制相关文章
相似问题
腾讯云开发者
