Блог

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

 success: function(data) {
  op2  = '<table class="table table-striped">';
  op2  = ' <tr>  <th>Sr. No</th><th>Bill No </th>  <th>Bill Amount</th> <th>Remaining amount</th>   </tr>';

  for (var i = 0; i < data.length; i  ) {
    if (data[i].r_amount != '0') {
      op2  = '<tr>';
      op2  = '<td style="width:10% !important;">'   ' '   i   '  <input type="checkbox" class="form-check-input exampleCheck'   i   '" id="exampleCheck" name="bill_id[]" value="'   data[i].bill_id   '">  <td>'   data[i].bill_Number   '</td><td> <input type="text" class="form-check-input bill_amount'   i   '" id="bill_amount" name="bill_amount[]" value=" '   data[i].total   ' " >  </td><td><input type="text" class="form-check-input r_amount'   i   '" id="r_amount" name="r_amount[]" ></td></tr>';
    }
  }

  op2  = '</table>';
  $('#bils_ids').html(op2);

  console.log(data);

  for (var i = 0; i < data.length; i  ) {
    $('.exampleCheck'   i).change(function() {
      var amount = $('.receiving_amount').val();
      var bill_amount = $(".bill_amount'  i  '").val();
      var variations = bill_amount - amount;
      $(".r_amount'  i  '").val(variations);
    });
  };
}
  

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

Попробуйте изменить это:

 id="bill_amount" 
  

для этого

 id="bill_amount' i '"
  

И то же самое для других столбцов.