Javascript 计算使用AJAX生成的输入类型之和

我有相同id、名称的输入字段。根据用户的选择，使用ajax代码生成这些输入。我想使用jquery对total_amount字段中的这些输入字段（p_amount）求和

<input type="text" id="p_amount" name="p_amount[]" placeholder="Enter Amount ">
<input type="text" id="p_amount" name="p_amount[]" placeholder="Enter Amount ">

<input type="text" id="p_amount" name="p_amount[]" placeholder="Enter Amount ">
<input type="text" id="p_amount" name="p_amount[]" placeholder="Enter Amount ">
<input type="text" id="p_amount" name="p_amount[]" placeholder="Enter Amount ">

<input type="text" id="total_amount" name="total_amount"  value="" placeholder="Total Amount">

我使用下面的js代码，但它只返回在第一个文本字段中输入的数字总和。我要所有id的总和加上p_值。请帮帮我

<script type="text/javascript">
$('#total_amount').click(function() {
    var p_amount=$("#p_amount").val();
    var total = 0;
    for (var i = 0; i < p_amount.length; i++) {
        total += p_amount[i] << 0;
    }
</script>

$（“#总金额”）。单击（函数（）{
var p#U金额=$（“#p#U金额”）.val（）；
var合计=0；
对于（var i=0；itotal+=p\u amount[i]问题在于，您使用的字段的
id
s必须是不同的。您应该使用
class
属性来注释多个元素

然后，您可以使用JQuery获取它们，并使用.each（）对它们进行迭代

您可以在此处找到更多信息和示例：
试试这个

var total=0;
$('#total_amount').click(function() {
    $("input[name='p_amount[]'").each(function(){
        total+=parseInt($(this).val());
    });
});
alert(total);

您知道您的代码中有语法错误吗？您应该添加
}）；
在
之前，不能有两个id相同的元素。这是错误，可能会产生意外行为，尤其是在选择器上。使用
类
instead必须是唯一的，这就是为什么只接收第一个值，使用不同的selectortry
$（'input[name=“p_amount[]”输入）
作为selectorTanks，它只起作用了，我必须删除语法错误并替换$（“input[name='p_amount[]”）。每个（function（）都带有$（'input[name=“p_amount[]”）。每个（function（））