问题描述
我正在将选定的产品放入购物车。现在,如果数量增加或减少,单个产品的总数也应该随着购物车中产品的总数增加或减少。
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h4 class="text-center">Orders</h4>
</div>
<div class="card-body">
<form action="" method="POST">
@csrf
<div class="ordered-products">
<table class="table table-bordered table-primary" id="tblEntAttributes">
<thead>
<tr>
<td>Name</td>
<td>Quantity</td>
<td>Price</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="calc">
<hr>
Total: NRs. <span class="total-amt">0</span>
<input type="submit" value="Pay" class="float-right btn btn-sm btn-success">
</div>
</form>
</div>
</div>
</div>
<div class="col-md-6">
<input type='text' placeholder="Search Here.." id='searchp' class="form-control"/>
<div class="row">
<div class="col-md-12">
<div class="products-card">
@foreach ($products as $product)
<div class='product product-{!! $product->id !!}'>
<a class="cart-add" data-id="{!! $product->id !!}">
<div class="product-card">
<div class="card-image-holder">
<?PHP
if($product->image){
?>
<img class="card-img-top" src="{{ asset('storage/productimages/'.$product->image) }}" alt="Card image cap" >
<?PHP
}
else{
?>
<img class="card-img-top" src="{{ asset('/dist/img/Boxed-bg.png') }}" alt="Card image cap" >
<?PHP
}
?>
</div>
<h5 class="card-title">{{ $product->name }}</h5>
</div>
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
我使用的脚本是
<script>
/*runs each time a new character is entered*/
$('#searchp').keyup(function() {
/*takes inpt from input Box*/
var seterm = $('#searchp').val();
/*scans through each element*/
for (var i = 0; i < $('.product').length; i++) {
/*Makes all elements visible*/
$('.product:eq(' + i + ')').css('display','inline-block');
/*If it doesn't match the input it is hidden*/
if ($('.product:eq(' + i + ')').text().toLowerCase().indexOf(seterm) < 0) {
$('.product:eq(' + i + ')').css('display','none');
}
}
});
$(document).ready(function() {
$('.cart-add').click(function() {
var id = $(this).data('id');
var url = 'pos/' + id + '/data';
$.get(url,function (data) {
var i = i++;
var newRowContent = "<tr id="+ data.id +"><td>"+ data.name +"</td><td id=qty-"+ data.id +">"+ data.quantity +"</td><td id=price-"+ data.id +">"+ data.price +"</td></tr>";
$(newRowContent).appendTo($("#tblEntAttributes"));
});
});
});
</script>
现在最重要的是我通过 js 将选定的产品带到购物车部分,现在如果单个产品的数量发生变化,产品的总数和总计也应该改变。我不知道该怎么做。任何参考也可能有所帮助。 I am using laravel as backend
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)