Блог

Я пытаюсь получить значение текстового поля ввода и умножить его на количество и отобразить в столбце total.

Вот jsfiddle

HTML

 Price: <input id="price" type="text"/>
<table id="my-table">
<tr>
   <td>Quantity</td>
   <td>Total</td>
</tr>   
<tr>
    <td class="quantity">15,447.84</td>
    <td class="total"></td>
</tr>
<tr>
    <td class="quantity">89.28</td>
    <td class="total"></td>
</tr>
</table>
  

Скрипт

 $(document).ready(function () {
    $('#price').on('change', calTotal);
    function calTotal() {
        var p = $('#price').val();
        var q = $('.quantity').text();
        alert(q);
    }
});
  

var q = $('.quantity').text(); дайте мне вывод как 15,447.8489.28 .

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

• Используйте parseFloat() и .text() для установки значений.

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

• Вам нужно преобразовать 15,000 в 15000 , используйте replace() для этого.

 $('.total').text(function(){
    var q = $(this).prev().text();
    q = q.replace(/,/g, '');                
    p = p.replace(/,/g, '');  
    return (parseFloat(p)*parseFloat(q))
});
  

Демонстрация скрипки