Question

在我的下面的代码中，这是我想要实现的目标。我有两个输入框，数量和价格。它们都不是固定的，这意味着客户/用户可以输入他们想要的任何数字，代码必须乘以得到总数。

下面我的代码，数量框似乎工作正常，但我无法在价格框中获得价格值的值。我得到的总数是NAN。

我的代码中没有做什么，为什么密钥对我的价格输入框不起作用？

PS：初学者用javascript和原谅我的英语

<div class="checkout_panel">
<div class="panel_checkout">
</div>

</div>

  '<div class="order_container" style=" font-size:14px; "> '+ 

    '<td  class="qtyhtml" ><input  type="text" style="width:55px;text-align:left;"  value="1" class="form-control quantity" id="qty" placeholder=" qty " name="quantity[]"  required/></td>'+
    '<td  class="price" ><input  type="text"  style="width:55px;text-align:left;"  value="'+ad.retail_price+'" class="form-control price" id="price" placeholder=" qty " name="price[]"  required/></td>'+


    '<td><p class="total" >GHS<span class="line-total" name="total" id="total"></span></p></td>'+
       '</tr>'+
    '</tbody>'+
    '</table>'+
    '</div>'

    $('.checkout_panel').on('keyup','.quantity',function()

           {

           order_container = $(this).closest('div');

           quantity = Number($(this).val());
           price =  
           Number($(this).closest('div').find('.price').val());

           order_container.find(".total span").text(quantity * price);

            sum = 0;

           $(".line-total").each(function(){
           sum = sum + Number($(this).text());

           })   





        });

Answer 1

.find('.price')会找到<td class="price">但<input class="form-control price">具有您想要的值。将'.price'更改为专门选择输入的内容，例如'.form-control.price'或'input.price'。

使用keyup检索输入框的值 - JS

1 个答案: