购物车数量加减

  • <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>
posted @ 2019-01-09 13:55  昊诚  阅读(766)  评论(0)  编辑  收藏  举报