在網頁制作中，表單常常是必不可少的元素之一。而對于一些大型的表單，我們不得不考慮到用戶輸入數據的準備程度。例如，一個訂單表單頁面，我們需要考慮輸入購買數量之后實時計算訂單金額等一些列問題。這時候，jquery的表單小計功能便能幫助我們實現這個功能。

$(document).ready(function(){
//獲取每個商品的單價
var unitPrice1 = parseFloat($("#unitPrice1").text());
var unitPrice2 = parseFloat($("#unitPrice2").text());
//監聽數量的改變事件
$("#num1").change(function() {
var quantity1 = parseInt($(this).val());
$("#subtotal1").text(unitPrice1 * quantity1);
countTotal();
});
$("#num2").change(function() {
var quantity2 = parseInt($(this).val());
$("#subtotal2").text(unitPrice2 * quantity2);
countTotal();
});
//計算總金額
function countTotal() {
var subtotal1 = parseFloat($("#subtotal1").text());
var subtotal2 = parseFloat($("#subtotal2").text());
var total = subtotal1 + subtotal2;
$("#total").text(total);
}
});

以上代碼實現了一個簡單的功能：輸入數量之后，實時計算出每個商品的小計以及整個訂單的總金額。通過在頁面中添加相應的html元素，將數量和商品單價信息保存在元素中，再通過jquery將它們取出，并且監聽它們的變化，隨著數量的改變而動態計算小計和總價。

總的來說，jquery的表單數量小計功能為我們的網頁制作帶來了不少便利，讓我們能夠更好地掌控用戶輸入數據，提高用戶體驗。