現場總輸入值的總和

Question

起初我必須爲我的英語道歉。我不是母語的人。

我是初學者，不太瞭解JS或jQuery擴展。 需要總結3個輸入實時更改值與唯一的ID。

我希望總結這些值也活。 所以我不得不寫類似

total = $('#sumOne').value+$('#sumTwo').value+$(#sumThree).value 

正如我所說的，我真的不知道JS，我知道，上面的一排是絕對不正確。

任何人都可以幫我寫一些腳本的例子嗎？

非常感謝您的時間和建議。

Answer 1

parseInt($('#sumOne').val())+parseInt($('#sumTwo').val())+parseInt($(#sumThree).val()); 

你想：

this.value = ''; // straight JS, no jQuery 

或

$(this).val(''); // jQuery 

隨着$(this).value = ''你分配一個空字符串作爲一個包裝此jQuery對象的值屬性 - 不是值這本身。

參考val()

Answer 2

.val()使用函數來提取jQuery對象的屬性的值。並在添加之前對值進行parseInt。否則，這些值將被串聯，而不是相加。

var total = parseInt($('#sumOne').val())+parseInt($('#sumTwo').val())+parseInt($(`#sumThree`).val()); 

Answer 3

您需要使用.val()

parseFloat($('#sumOne').val()) + parseFloat($('#sumTwo').val()) + parseFloat($(#sumThree).val()) 

也將值轉換爲浮動，使用parseFloat

Answer 4

爲參考Rituraj的回答， 其更好地爲val（）轉換到整數或浮點數之前添加它們：

var total=parseFloat($('#sumOne').val())+parseFloat($('#sumTwo').val())+parseFloat($('#sumThree').val());