在添加的輸入字段中計算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

回答

相關問題