返回小米商品详情页......登陆

小米商品详情页jquery效果

阿坚2019-05-05 14:15:13233
$(function(){
    $('.detail_color_left').eq(0).attr('class','detail_color_left checked');
    $('.detail_much_left').eq(0).attr('class','detail_much_left checked');
    //选择颜色
    $('.detail_color_left').click(function(){
        $('.detail_color_left').attr('class','detail_color_left');
        $(this).attr('class','detail_color_left checked');
        updateTotalPrice()
    });
    //选择选中手机版本
    $('.detail_much_left').click(function(){
        $('.detail_much_left').attr('class','detail_much_left');
        $(this).attr('class','detail_much_left checked');
        updateTotalPrice();
    })
    //点击保障服务
    $('.shop_detail_bz1').click(function(){
        var nowcircleclass=$(this).find('.fa-check-circle').attr('class');
        var nowclass=$(this).find('.fa-check-square').attr('class');
        if(nowcircleclass.indexOf('checked')>0){
            //如果存在,则移除选中;
            nowcircleclass=nowcircleclass.replace('checked','');
            nowclass=nowclass.replace('checked','');
            $(this).find('.fa-check-circle').attr('class',nowcircleclass);
            $(this).find('.fa-check-square').attr('class',nowclass);
        }else{
            //不存在, 则选中
            $(this).find('.fa-check-circle').attr('class',nowcircleclass+' checked');
            $(this).find('.fa-check-square').attr('class',nowclass+' checked');
        }
        updateTotalPrice();
    })
    //     //统计总价格
    function updateTotalPrice(){
        //版本价钱
        var bbprice=$(".detail_much_left[class$='checked']").find('span').attr('data-val')*1;
        // alert(typeof bbprice);
        //服务价钱
        var svprice=0;
        var svspan=$(".fa-check-circle[class$='checked']").parent('.shop_detail_bz1').find('span[data-val]');
        for(var i=0;i<svspan.length;i++){
            svprice+=svspan[i].getAttribute('data-val')*1;
        }
        //总价值
        var totalprice=bbprice+svprice;
        $('#totalPrice').html('总计&nbsp;:&nbsp;'+totalprice+'元')
        $('#phonePrice').html(bbprice+'元');

            }

这里获取到的数字乘1是表示什么;var bbprice=$(".detail_much_left[class$='checked']").find('span').attr('data-val')*1;

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送