购物车数量加减

  • <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  • <script>
  • $(document).ready(function(){
  • //获得文本框对象
  • var t = $("#text_box");
  • //初始化数量为1,并失效减
  • $('#min').attr('disabled',true);
  • //数量增加操作
  • $("#add").click(function(){
  • // 给获取的val加上绝对值,避免出现负数
  • t.val(Math.abs(parseInt(t.val()))+1);
  • if (parseInt(t.val())!=1){
  • $('#min').attr('disabled',false);
  • };
  • })
  • //数量减少操作
  • $("#min").click(function(){
  • t.val(Math.abs(parseInt(t.val()))-1);
  • if (parseInt(t.val())==1){
  • $('#min').attr('disabled',true);
  • };
  • })
  • });
  • </script>
  • <body>
  • <!--如果 + - 不居中 加上 padding: 0; -->
  • <input id="min" name="" type="button" value="-" />
  • <input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center;"/>
  • <input id="add" name="" type="button" value="+" />
  • </body>

转载于:https://www.cnblogs.com/sz_hesheng/p/10243919.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值