Расчет цены со скидкой динамически с помощью jquery
У меня есть форма, которая может рассчитать цену со скидкой того, что мы добавили в поле ввода ППМ. Количество строк можно увеличить нажатием кнопки.
Куда кнопка добавляет следующий код в таблицу
$("#add-book").click(function(){
$(".books").append('<tr><td><select name="subject"><option disabled="" selected="">Subject</option><option>Microprocessors Microcontrollers</option><option>Compiler Design</option><option>Operating Systems</option><option>Artificail Intelligence</option><option>Web Engineering</option></select></td><td><input name="title" type="text" placeholder="Title of book..." maxlength="64"></input></td><td><input name="author" type="text" placeholder="Author..." maxlength="64"></input></td><td><input name="mrp" type="number" placeholder="MRP" maxlength="4"></input></td><td class="individual-noteshub-value"><input name="individual-noteshub-value" type="text" disabled="" value="0"></input></td></tr>');
}
Он дает результат для первой строки, но при добавлении строк не может рассчитать цену со скидкой для исходящих строк.
Код Js для расчета, я использую это:
$(function(){
$('input[name="mrp"]').closest('td').find('input[name="mrp"]').on('input',function(){
$(this).closest('td').next().find('input[name="individual-noteshub-value"]').val($(this).val()/2);
});
$('input[name="pages"]').on('input',function(){
$(this).closest('td').next().find('input[name="individual-noteshub-value"]').val($(this).val()/4);
});
});