如果一个输入中有相同的类，则多个输入字段的jQuery总和 [英] jquery sum of multiple input fields if same class in one input

问题描述

您好，我需要将一个类输入中具有相同类输入的值相加。

Hello I need to sum the values of same class input in one input with class name total.

<input type="text" class="qty1" value="" />
<input type="text" class="qty1" value="" />
<input type="text" class="qty1" value="" />
<input type="text" class="qty1" value="" />
<input type="text" class="qty1" value="" />
<input type="text" class="qty1" value="" />

<input type="text" class="total" value="" />

可能吗？

在这里工作的小提琴

$(document).on("change", "qty1", function() {
    var sum = 0;
    $("input[class *= 'qty1']").each(function(){
        sum += +$(this).val();
    });
    $(".total").val(sum);
});

推荐答案

您已经拥有了它，只需要调整您的jQuery查询适当的选择器

You pretty much had it, just needed to adjust your JQuery a little bit for the appropriate selectors

更新小提琴： http：// jsfiddle .net / 5gsBV / 7 /

$(document).on("change", ".qty1", function() {
    var sum = 0;
    $(".qty1").each(function(){
        sum += +$(this).val();
    });
    $(".total").val(sum);
});

这篇关于如果一个输入中有相同的类，则多个输入字段的jQuery总和的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！