Home » , » Hướng dẫn dùng jquery để thay số lượng và giá trong giỏ hàng

Hướng dẫn dùng jquery để thay số lượng và giá trong giỏ hàng

Đăng bởi: Code.Elite.Vn

Bài này giúp chúng ta kết hợp giữa jquery với php để thay gia trị số lượng và giá một cách dễ dàng nhất.

Đầu tiên chúng ta có form giá trị như thế này

 
<table>
<tr> 
    <td>sản phẩm nổi bật</td>
    <td><span class="price">300</span></td>
    <td><input class="quantity" type="number" name="sldvsd" value="1"></td>
    <td><span class="total-price">300</span></td>
</tr>
</table>

Kết hợp jquery chúng ta có:
$('.quantity').on('input', function() {
  var $quantity = $(this).val();
  var $parent = $(this).parents('tr');
  var $price = $parent.find('.price').text();
  var $total_price = $parent.find('.total-price');

  $total_price.text($quantity * $price);
});

3. Lời kết

Qua bài này chắc hẳn bạn đã hiểu được phần nào cách thức để thay đổi giá trị và giá phải không nào. hy vọng qua bài này sẽ giúp ích được cho bạn nào cần.



0 comments:

Post a Comment