jqueryで2つのテキストボックス値を追加する方法と、同じテキストボックスから追加される2つのテキストボックスを追加する方法

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