Расчет цены со скидкой динамически с помощью 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);
});

});

0 ответов

Другие вопросы по тегам