php购物车数量加减代码，购物车商品数量加减效果Insert title here
$(function(){
$(".add").on("click", function(){
// 先到当前加号的⽗元素class="line"的div，再寻当前div下的⽂本框class="amount"
var $countInput = $(this).parent(".line").children(".count");
$countInput.val($countInput.val()-0+1);
});
$(".reduce").on("click", function(){
var $countInput = $(this).parent(".line").children(".count");
if ($countInput.val()-0 > 0){
$countInput.val($countInput.val()-1);
}
});
});网页购物车代码
#div{
width:300px;margin:50px auto;
}
.add,.reduce{
cursor:pointer;
}
.add:hover,.reduce:hover{
color:red;
}
.line{
margin-top:10px;
}
+  -
+  -
+  -
+  -

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。