input的值求和

兄弟节点循环求和：

<input type="text" name="v1" class="price" value="1">

<input type="text" name="v2" class="price" value="2">

<input type="text" name="v3" class="price" value="3">

<input type="text" name="v4" class="price" value="4">

<input type="text" name="v5" class="price" value="5">

<button onclick="sum()">点击</button>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>

    function sum() {

        var service_id = {};

        var sum = 0;

        $(".price").each(function(index, el) {

            service_id[index] = el.value;

            sum += Number(el.value);

        });

        console.log(service_id, sum);

    }

</script>

涉及要点：

这里的Number() 作为一个函数来调用，它将把自己的参数转换成一个原始的数值，并且返回这个值（如果转换失败，则返回 NaN）。

了解Number其他用法：https://www.w3school.com.cn/js/jsref_obj_number.asp

each() 方法规定为每个匹配元素规定运行的函数。

提示：返回 false 可用于及早停止循环。

$(selector).each(function(index,element))

index - 选择器的 index 位置

element - 当前的元素（也可使用 "this" 选择器）