HTML-форма ввода javascript autosum общая цена для оплаты

У меня есть следующий код для продажи продукта, если я применяю скидку, он работает, то же самое, если я применяю налоги, все цены за единицу (количество 1) работают, но общая цена для оплаты, если я меняю количество, не работает

Мне нужно автозаполнение для последующего сохранения в mysql следующих полей:

• Yii - проверка на стороне пользователя для элементов формы, загруженных ajax
• ajax в php loop выполняет действие при нажатии кнопки
• Использование функции ошибки в jquery / ajax
• Загрузка Ajax не работает.
• таймер php, позволяющий пользователю вводить только каждые две секунды
• HybridAuth не работает с ajax

default price per unit (comming from mysql) = working apply taxes or not per unit = working apply discount per unit = working price per unit after discount and after taxes = working 

общая цена для оплаты, если я изменю количество от 1 до 2 o 3 и т. д. = не работает, это должно быть автозаполнено по умноженной цене для оплаты после уплаты налогов на единицу по количеству = не работает

вот код

 <table width="339" border="0" cellpadding="0"> <tr> <td width="98">Pay taxes?</td> <td width="115">Make Discount?</td> <td width="118">Default unit price</td> <td>Quantity</td> </tr> <tr> <td> <select name="taxes" class="select"> <option value="0" selected>no taxes</option> <option value="19">19% taxes</option> </select> </td> <td> <select name="discount" class="select"> <option value="0" selected>no discount</option> <option value="5">5% discount</option> <option value="10">10% discount</option> <option value="20">20% discount</option> </select> </td> <td> <input type="text" name="cost" class="input140" value="1000"> </td> <td><input type="text" name="quantity" value="1"></td> </tr> <tr> <td>Unit price after discount</td> <td>Tax per unit</td> <td>Total Price per unit</td> <td>Total Price to pay per quantity</td> </tr> <tr> <td><input type="text" name="price" value="1000"></td> <td><input type="text" name="ttaxes" value="0"></td> <td><input type="text" name="total" value="1000"></td> <td><input type="text" name="totaltopay" value="1000"></td> </tr> </table><script> /** * Elements */ var taxes = document.getElementsByName('taxes')[0]; var discount = document.getElementsByName('discount')[0]; var cost = document.getElementsByName('cost')[0]; var price = document.getElementsByName('price')[0]; var ttaxes = document.getElementsByName('ttaxes')[0]; var total = document.getElementsByName('total')[0]; /** * Calculations */ function updateInput() { price.value = cost.value - (cost.value * (discount.value / 100)); ttaxes.value = (price.value * (taxes.value / 100)); var sum = parseFloat(price.value) + parseFloat(ttaxes.value); total.value = sum.toFixed(0); } /** * Event Listeners */ taxes.addEventListener('change', updateInput); discount.addEventListener('change', updateInput); cost.addEventListener('change', updateInput); cost.addEventListener('keyup', updateInput); </script> 

Вот демо-скрипт

https://fiddle.jshell.net/63dkvgs5/

образный пример того, что мне нужно

Solutions Collecting From Web of "HTML-форма ввода javascript autosum общая цена для оплаты"