javascript - Total sum of live changinput values

Question

At first I have to apologize for my English. Im not native speaker.

Im a beginner and dont know JS or jQuery extensions well. Need to sum 3 input live changing values with unique ID.

I wish sum these values live too. So i have to write something like

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

As I said, i really dont know JS, i know that the row above is absolutely incorrect.

Could anyone help me and write some example of script?

Thanks a lot for your time and advice.

Answer 1

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

你要：

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

或者

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

随着$(this).value = ''您分配一个空字符串作为包装 this 的 jQuery 对象的 value 属性——而不是 this 本身的值。

参考val()

Answer 2

使用.val()函数提取jquery对象的value属性。并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() 转换为 int 或 float：

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