Percy Godiraone Leburu Ответов: 0

Как изменить значение столбца в строке таблицы каждый раз, когда я ввожу новое значение в текстовое поле

У меня есть список ссылок и контейнер div,когда я нажимаю на одну из ссылок, она добавляет строку таблицы с 3 столбцами к контейнеру div, столбцы строки таблицы-это текстовое поле под названием quantity, price и totalPrice, которое является продуктом количества и цены(quantity*price). Я хочу добиться того, чтобы значение в столбце totalPrice автоматически менялось каждый раз, когда я вводил другую цифру в текстовое поле quantity, но мой скрипт JQuery не дает мне желаемых результатов. Я не очень доверяю JQuery, поток моего кода может быть где-то неправильным, может ли кто-нибудь помочь мне достичь моей намеченной цели.

Спасибо.

Что я уже пробовал:

<script type="text/javascript">
$(document).ready(function(){
    
var total = 0;
var $quantity = ($.trim($("#quantity").val()) != "" && !isNaN($("#quantity").val())) ? parseInt($("#quantity").val()) : 1;
var $productPrice=12.95;
var $subTotal=$quantity*$productPrice;
$(".itemProduct").each(function() {
  $(this).click(function(e) {
    $('#message').hide();
      $("#makeSales").show().append("<table><tr><td>{{=product.product_name}}</td><td><input type='text' id='quantity' maxlength='4' size='1'></td><td>{{=product.price}}</td> <td class='subTotal'>"+$subTotal+"</td><td><span class='delete'></span></td></tr></table>");
   
          e.preventDefault();
      })
/*THIS IS WHERE I AM ATTEMPTING TO GET A DIFFERENT FIGURE EVERYTIME I ENTER A NEW VALUE IN THE TEXTFIELD AREA*/
      $("#quantity").keyup(function() {
          var $quant = ($.trim($("#quantity").val()) != "" && !isNaN($("#quantity").val()));
          var $prodPrice=parseFloat({{=product.price}});
var $sub=$quant*$prodPrice;
          $('.subTotal').html($sub);
      });
  })
})
</script>

0 Ответов