首页 > 代码库 > 实现购物车的加减算法
实现购物车的加减算法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class="zaocan_2_2"> <div class="card"> <p class="p1">流油包子</p> <p class="p4 zao_1"><span class="zaocan_price">5.00</span>/份</p> <div class="zaocan_2_1"> <input class="min" name="" type="button" value="http://www.mamicode.com/-" /> <input class="text_box" name="" type="text" value="http://www.mamicode.com/0" /> <input class="add" name="" type="button" value="http://www.mamicode.com/+" /> </div> </div> </div> <div class="zaocan_2_2"> <div class="card"> <p class="p1">小米粥</p> <p class="p4 zao_1"><span class="zaocan_price">2.00</span>/份</p> <div class="zaocan_2_1"> <input class="min" name="" type="button" value="http://www.mamicode.com/-" /> <input class="text_box" name="" type="text" value="http://www.mamicode.com/0" /> <input class="add" name="" type="button" value="http://www.mamicode.com/+" /> </div> </div> </div> <p class="zaocan_13">￥: <label id="total"></label> </p> <script src="http://www.mamicode.com/jquery.js"></script> <script> $(function() { $(".add").click(function() { var t = $(this).parent().find(‘input[class*=text_box]‘); t.val(parseInt(t.val()) + 1) setTotal(); }) $(".min").click(function() { var t = $(this).parent().find(‘input[class*=text_box]‘); t.val(parseInt(t.val()) - 1) if (parseInt(t.val()) < 0) { t.val(0); } setTotal(); }) function setTotal() { var s = 0; $(".zaocan_2_2").each(function() { s += parseInt($(this).find(‘input[class*=text_box]‘).val()) * parseFloat($(this).find(‘span[class*=zaocan_price]‘).text()); }); $("#total").html(s.toFixed(2)); } setTotal(); }) </script></body></html>
实现购物车的加减算法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。