如果一个输入中有相同的类，则多个输入字段的 jquery 总和

Question

您好，我需要将同一类输入的值与类名称总计的一个输入相加。

 <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);
});

原文由 Andrei 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您几乎已经掌握了，只需要为适当的选择器稍微调整一下您的 JQuery

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

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

原文由 Adjit 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我建议这个解决方案：

网页格式

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

<div id="result"></div>

js

 $(".qty1").on("blur", function(){
    var sum=0;
    $(".qty1").each(function(){
        if($(this).val() !== "")
          sum += parseInt($(this).val(), 10);
    });

    $("#result").html(sum);
});

小提琴

原文由 Alex Char 发布，翻译遵循 CC BY-SA 4.0 许可协议