• Jquery实现购物车物品数量的加减特效


    今天网友翠儿在用Jquery实现购物车物品数量的加减特效的时候遇到问题来问我,我后来帮她解决了这个Jquery特效,现在把它整理出来分享给大家用,虽然功能比较简单,但是很实用。

    主要包括了以下功能:

    1、数量增加操作功能

    2、数量减少操作功能

    3、总价计算功能

    4、自动判断数量到1的时候,减少操作按钮禁止点击,数量增加时自动恢复

    5、保留小数点位数toFixed()函数非常实用

    功能代码如下:

    $(function(){
    //获得文本框对象
    var t = $("#text_box");
    //数量增加操作
    $("#add").click(function(){
    t.val(parseInt(t.val())+1)
    if (parseInt(t.val())!=1){
    $('#min').attr('disabled',false);
    }
    setTotal();
    })
    //数量减少操作
    $("#min").click(function(){
    t.val(parseInt(t.val())-1);
    if (parseInt(t.val())==1){
    $('#min').attr('disabled',true);
    }
    setTotal();
    })
    //计算操作
    function setTotal(){
    $("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
    }
    //初始化
    setTotal();
    })

    效果如下:

    Jquery实现购物车物品数量的加减特效

    在线演示

    打包下载

  • 相关阅读:
    zabbix实现mysql数据库的监控(四)
    Redis高级进阶(一)
    Redis高级进阶(二)
    Redis的管理
    9.动态SQL
    8.Mapper动态代理
    7.属性名与查询字段名不相同
    6.单表的CRUD操作
    5.API详解
    4.主配置文件详解
  • 原文地址:https://www.cnblogs.com/tdalcn/p/3441642.html
Copyright © 2020-2023  润新知