如何使用 jquery 通過 id（0 到 n）獲得輸入值選擇的總和？

Question

我想按 id 對輸入值選擇求和。 id 遞增 1。我知道使用 class 選擇器和每個 function 非常容易。 但我正在尋找身份證。

<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">

Output 應該是 52。

Answer 1

您可以使用each浮點值並對所有float values求和parseFloat() function解析一個參數（如果需要，首先將其轉換為字符串）並返回一個floating point number 。

 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">