jQuery点击按钮加一 and 遮罩层

一、jQuery点击按钮加一

$(function(){
    $(".c_add").click(function(){
        var val=$("#count-ipt").val();
        var num=parseInt(val)+1;
        var count=$(".in-count").text();
        if (num<=count) 
            $("#count-ipt").val(num)

    })
    $(".c_sub").click(function(){
        var val=$("#count-ipt").val();
        var num=parseInt(val)-1;
        if (num>0)
            $("#count-ipt").val(num)
    })
    $(".buy-now").click(function(){
        var val=$("#count-ipt").val();
        var price=parseFloat($(".li-price").text())*100;
        alert(val*price/100);
    })
})

二、遮罩层

$("#loginPopup").click(function(){
        // 显示
        $(".pop-bg,.pop-wrapper").show();
        // body不滚动
        $("body").css("overflow","hidden")
    })
    $(".close-btn").click(function(){
        // 隐藏
        $(".pop-bg,.pop-wrapper").hide();
        $("body").css("overflow","auto")
    })
})

 

posted @ 2021-11-16 23:56  .Nice  阅读(215)  评论(0)    收藏  举报