javascript - 如何使用jquery获取按id(0到n)选择的输入值的总和？

Question

我想对 ids 选择的输入值进行求和。 id 递增 1。我知道使用类选择器和每个函数非常容易。但我正在寻找 id。

<input type="number"  value="10.0" class="numberinput form-control" id="id_inputformset-0-inputqty">
<input type="number"  value="12.0" class="numberinput form-control" id="id_inputformset-1-inputqty">
<input type="number"  value="14.0" class="numberinput form-control" id="id_inputformset-2-inputqty">
<input type="number"  value="16.0" class="numberinput form-control" id="id_inputformset-3-inputqty">

输出应为 52。

Answer 1

您可以使用each并对所有浮点值求和parseFloat()函数解析参数(如果需要，首先将其转换为字符串) )并返回一个 float 。

let sum = 0;
$('[id^=id_inputformset]').each(function(e){
 sum +=parseFloat($(this).val());
})

console.log(sum);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number"  value="10.0" class="numberinput form-control" id="id_inputformset-0-inputqty">
<input type="number"  value="12.0" class="numberinput form-control" id="id_inputformset-1-inputqty">
<input type="number"  value="14.0" class="numberinput form-control" id="id_inputformset-2-inputqty">
<input type="number"  value="16.0" class="numberinput form-control" id="id_inputformset-3-inputqty">