Rumah > hujung hadapan web > tutorial js > jQuery实现购物车多物品数量的加减+总价计算_jquery

jQuery实现购物车多物品数量的加减+总价计算_jquery

WBOY
Lepaskan: 2016-05-16 16:45:48
asal
1377 orang telah melayarinya
复制代码 代码如下:




jQuery实现购物车多物品数量的加减+总价计算

<script> <BR>$(function(){ <BR>$(".add").click(function(){ <BR>var t=$(this).parent().find('input[class*=text_box]'); <BR>t.val(parseInt(t.val())+1) <BR>setTotal(); <BR>}) <BR>$(".min").click(function(){ <BR>var t=$(this).parent().find('input[class*=text_box]'); <BR>t.val(parseInt(t.val())-1) <BR>if(parseInt(t.val())<0){ <BR>t.val(0); <BR>} <BR>setTotal(); <BR>}) <BR>function setTotal(){ <BR>var s=0; <BR>$("#tab td").each(function(){ <BR>s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); <BR>}); <BR>$("#total").html(s.toFixed(2)); <BR>} <BR>setTotal(); <br><br>}) <BR></script>










单价:1.50




单价:3.95





总价:




Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan