Добавьте только те значения текстового поля, чей соответствующий флажок установлен.

Question

<input type="checkbox" id="checkbox1" /> 
<input id="reg12" type="text" name="add-1" class="form-control" value="22" readonly ><br> 
<input type="checkbox" id="checkbox2" /> 
<input id="reg13" type="text" name="add-2" class="form-control" value="22" readonly ><br> 
<input type="checkbox" id="checkbox3" /> 
<input id="reg14" type="text" name="add-2" class="form-control" value="22" readonly > 

У меня есть три текстовых поля и соответствующие флажки. Я хочу добавить только те значения текстового поля, чей соответствующий флажок установлен.

jQuery(document).ready(function($) { 
    var sum = 0; 
    $('#checkbox1').click(function() { 
     sum = 0; 
     var val1= parseInt($("#add-1").val()); 
     var val2= parseInt($("#add-2").val()); 
     sum=parseInt(val1+val2); 
     $('#sum').html(sum); 
    }); 
}); 

Answer 1

Вы можете пройти через отмеченные флажки и получить значение следующего ввода и добавить его к сумме.

jQuery(document).ready(function($) { 
 
    var sum = 0; 
 
    $('input[type=checkbox]').click(function() { 
 
    sum = 0; 
 
    $('input[type=checkbox]:checked').each(function(){ 
 
     var val=parseInt($(this).next().val()); 
 
     sum+=val; 
 
    }); 
 
    $('#sum').val(sum); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" id="checkbox1" /> 
 
<input id="reg11" type="text" name="add-1" class="form-control" value="22" readonly> 
 
<br> 
 
<input type="checkbox" id="checkbox2" /> 
 
<input id="reg12" type="text" name="add-2" class="form-control" value="20" readonly> 
 
<br> 
 
<input type="checkbox" id="checkbox3" /> 
 
<input id="reg13" type="text" name="add-3" class="form-control" value="15" readonly> 
 
<br> 
 
<input id='sum' type='text' readonly />