如何使用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