使用jQuery获取输入框的总数

Question

我目前正在租用工具的学校项目中工作。我正在计费页面上工作，我需要从一些输入中获得总计。下面是它的样子，我需要使用jQuery来获取总数。

Answer 1

您可以使用此：

$('.total').val(function(){ 

    var v = 0; 

    $(this).closest('tr').find('input:not(:disabled)').each(function(){ 
    v += parseInt(this.value, 10); 
    }); 

    return v; 

}); 

_{猜测你有一个表格的tr元素的所有输入。}

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
$(document).ready(function(e) { 
    var sum=0;$('.add').blur(function(e) { 
    var n=parseInt($(this).val(),10); 
sum=sum+n; 
$('.sum').val(sum); 
});}); 


<table><tr> 
<td><input type="number" name="number1" class="add" /></td> 
<td><input type="number" name="number2" class="add" /></td> 
<td><input type="number" name="number3" class="add" /></td> 
<td><input type="number" name="number4" class="add" /></td> 
<td><input type="number" name="number4" class="sum" /></td> 
</tr></table> 

Answer 3

你可以试试这个代码

HTML

<div id="textFields"> 
    <span> 
     <input type="text" class="inpt" name="inpt1" value="0"> 
    </span> 
    <span> 
     <input type="text" class="inpt" name="inpt2" value="0" /> 
    </span> 
    <span> 
     <input type="text" class="inpt" name="inpt3" value="0" /> 
    </span> 
</div> 
<div class="total"> 
    <input type="text" disabled="disabled" class="sumation" /> 
</div> 

JS代码

$("body").on("keyup",".inpt",function(){ 
    var total=0; 
    $.each($('.inpt'),function(k,v){ 
     total=total+parseInt($(v).val()); 
}); 
$(".sumation").val(total); 

}); 

工作fiddle

种

Answer 4

这么多的可能性..

for (var i = 0; i < 4; i++) { 
    $('selektor').append('<input class="input" type="text" name="name' + i + '">') 
} 
$('selektor').append('<input id="total" class="total" type="text" name="total">') 
$('.input').on('keyup', function() { 
    var sum = 0; 
    $('.input').each(function() { 
    if (isNaN($(this).val())) return; 
    sum += $(this).val() - 0; 
    }) 
    $('#total').val(sum); 
})