在添加的输入字段中计算TOTAL

我有这个小问题。我一直在检查网络以找到答案，但主要是针对未生成/添加的输入字段。在添加的输入字段中计算TOTAL

<script> 
$(document).ready(function(){ 


/* --- ADD FIELD --- */ 

    $('.TotalMultiField').each(function() { 
    var $wrapper = $('.multiFields', this); 
    $(".addField", $(this)).click(function(e) { 
     $('.multiField:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus(); 
    }); 

/* --- REMOVE FIELD --- */ 

    $('.multiField .removeField', $wrapper).click(function() { 
     if ($('.multiField', $wrapper).length > 1) 
      $(this).parent('.multiField').remove(); 
    }); 
}); 
</script>

以上是用于添加和删除字段的Jquery脚本。以下是HTML代码。如您所见，在“插入数字”字段中，总数应该出现在span id =“added”中。

<form role="form" action=""" method=""> 
    <div class="TotalMultiField"> 
     <div class="multiFields"> 
     <div class="multiField"> 
      <input type="date"> 
<input type="number" class="number" placeholder="Insert a number"> 
      <button type="button" class="removeField">Remove</button> 
     </div> 
     </div> 
    <button type="button" class="addField">Add field</button> 
    </div> 
    Total:<span id="added"></span> 
</form>

来源

2015-03-25 SamMarketer

所以，你想所有可用输入值的总和？ – lshettyl 2015-03-25 13:13:47

正确，我知道这是可能的，我可以用没有生成的字段来完成。但我似乎无法做到与生成/添加字段。 @LShetty – SamMarketer 2015-03-25 13:18:51

你的添加/删除代码已经工作吗？并在小提琴中发布您的代码。 – lshettyl 2015-03-25 13:19:21

只注意到你更新你确实想要一个类总和，这里是一个总计算模糊的小提琴，当你删除一行时，根据需要绑定附加事件（需要一些整理，但这应该得到y OU开始）：

http://jsfiddle.net/1ggaco1d/4/

下面的代码将总计：

function total() { 

    var total = 0; 
    $(".number").each(function (idx, el) { 
     var value = $(el).val(); 
     if (value !== "") { 
      total = total + parseFloat($(el).val()); 
     } 

    }); 
    $("#added").text(total); 
}

来源

2015-03-25 13:27:53

正是我需要的。我怎样才能谢谢你？ – SamMarketer 2015-03-25 13:28:43

由upvote ...大声笑 – R4nc1d 2015-03-25 13:30:20

请检查下面的小提琴

https://jsfiddle.net/srsu4rne/

您应该能够仅计算在div

var multiField = $('.multiField').length 
$('#added').html(multiField);

来源

2015-03-25 13:23:08 R4nc1d

Neally，但我需要插入的数字的总和在输入 – SamMarketer 2015-03-25 13:25:02

你什么时候需要它？当某人在其中一个箱子里进入某个人时？或点击某些东西？ – lshettyl 2015-03-25 13:26:18

哦，好吧，让我快速改变小提琴 – R4nc1d 2015-03-25 13:27:10

在添加的输入字段中计算TOTAL

回答

相关问题