JQuery Input 合計是一個非常實用的功能，它能夠幫助我們方便地計算輸入框中輸入的數字并進行自動求和。以下是使用JQuery Input 合計的代碼：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<input type="number" class="num" />
<input type="number" class="num" />
<input type="number" class="num" />
<p>合計：<span id="total"></span></p>
<script>
$(function(){
$(".num").on("input",function(){
var sum=0;
$(".num").each(function(){
var val=parseInt($(this).val());
if(!isNaN(val)){
sum+=val;
}
});
$("#total").text(sum);
});
});
</script>
</body>
</html>上述代碼中，我們首先引入了JQuery庫，并在輸入框和合計結果處添加了相應的HTML元素。當用戶在輸入框中輸入數字時，JQuery會根據我們指定的class名稱進行自動求和，并將結果顯示在合計結果處。
需要注意的是，我們使用了each()方法來遍歷每一個輸入框，并使用parseInt()方法將輸入框中的字符串轉化為數字，以便進行加法操作。我們還使用了isNaN()方法來避免非數字的輸入影響合計結果。
總之，JQuery Input 合計功能能夠為我們的網頁增加了很多實用性，我們可以根據需要進行個性化設置，從而為用戶提供更加優質的輸入體驗。
下一篇純css 翻轉