2014-01-14 133 views
0

我有一個應用程序,我必須執行一個簡單的計算,其中每個項目的價格*金額。我試圖找出最好的方法來做到這一點。我有一個輸入類型=「數字」,我有一個項目價格。每當QTY字段的值發生變化時,我需要更新輸入值。用jquery每次輸入變化計算

$('#add1').click(function() { 
    var selected1 = ($('#produceList option:selected').index() - 1); 
    myItem1 = pdata[selected1]; 
    $('#itembox').append('<div id="thep">' + '<p class = "product">' + myItem1.Name + ' ' + myItem1.Price + '</p>' + '<label for="howMAny">Qty:</label>' + '<input id="howMany" type="number" min="0" max="10" value="0">' + '<label for="thisMany">Price:</label>' + '<input type="text" id ="thisMany"readonly>' + '</div>'); 
+0

您可能想要在qty字段上使用.change()函數。這將允許您指定一些代碼在每次數量字段更改時運行。就像$(「#howMany」)。change(function(){//在這裏重新計算}); –

+0

哪個元素包含該物品的價格? – Anton

回答

1

您可以簡單地使用jQuery的change()函數。 http://api.jquery.com/change/

更改事件在其值發生更改時發送給元素。此事件可以與元素,框和元素一起使用。對於選擇框,複選框和單選按鈕,當用戶使用鼠標進行選擇時,會立即觸發事件,但對於其他元素類型,事件將被推遲直到元素失去焦點。

0

您可以在下面的事件中編寫代碼。每當文本框發生數量變化時,都會觸發它。

jQuery('#howMany').on('input', function() { 
// do your stuff here. 
}) 
1

您可以使用onchange事件。

當您使用jQueryY

$('input').on('change', function() { 
    alert(this.value); 
}) 

現在,而不是提醒你可以更新你的結果值此代碼應處理它。