如何使用jQuery添加兩個文本框的值，並且還添加兩個更多的文本框從同一個文本框加入

Question

enter image description here這是簡單的文本框給我的價值，並添加它們！[當我輸入圖像描述] [2] 與追加查詢現在總和不計算

添加多個文本框[在這裏輸入的形象描述] [3]

THis is jquery code of iam apending two divs with Two ids and text boxes are also have there ids

Answer 1

使用jQuery的功能以非常簡單的方式實現複雜的事情...

它提供的功能，數量和靈活性巨大的圖書館在跨瀏覽器執行代碼

HTML

<div class="row"> 
    <button type="button" class="btn btn-success add-more">ADD MORE</button> 
</div> 
<div class="form-group" id="ele"> 
    <div class="row" id="item1"> 
    <div class="row"> 
     <input type="number" class="num1"> 
     <label>+</label> 
     <input type="number" class="num2"> 
     <label>SUM</label> 
     <input type="number" class="sum" readonly="true"> 
     <button type="button" class="btn btn-success remove">x</button> 
    </div> 
    </div> 
</div> 

jQuery腳本

var item = $('#item1').html(); 
var cnt = 0; 
$('.add-more').click(function() { 
    cnt++; 
    $('#ele').append("<div class='row' id='item" + cnt + "'>" + item + "</div>"); 
}); 
$(document).on('click', '.remove', function() { 
    $(this).closest('.row').remove(); 
}); 
$(document).on('keyup', '.num1,.num2', function() { 
    if ($(this).hasClass('num1')) { 
    var num1 = parseInt($(this).val()); 
    var num2 = parseInt($(this).siblings('.num2').val()); 
    $(this).siblings('.sum').val(num1 + num2); 
    } else if ($(this).hasClass('num2')) { 
    var num2 = parseInt($(this).val()); 
    var num1 = parseInt($(this).siblings('.num1').val()); 
    $(this).siblings('.sum').val(num1 + num2); 
    } 
}); 

Check Demo Here