減去另一個文本字段的數字內容，並實時顯示結果？

我使用jQuery的鍵盤建立銷售界面點減去另一個文本字段的數字內容，並實時顯示結果？

http://keith-wood.name/keypadBasics.html

我有兩個文本字段，即

上一頁租金和支付的租金

在用戶輸入的數據，我想頁面實時運行下面的公式

以前的房租 - 租金

我希望它能夠實時顯示文本字段下方的結果（無需刷新頁面或提交代碼）

這將如何完成？

來源

2010-11-04 methuselah

爲什麼這個標記爲php和mysql？ – Hamish 2010-11-04 20:29:26

綁定到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>

來源

2010-11-04 20:25:03 Chad

假設你想更新的情況發生時，現場的「支付的租金」失去焦點：

$('#rent-paid').blur(function({ 
     var diff = $('#previous-rent').attr('value') - $(this).attr('value'); 
     $('#total').text(diff); 
}));

來源

2010-11-04 20:19:28

減去另一個文本字段的數字內容，並實時顯示結果？

回答

相關問題