jQuery购物商城商品规格参数选择代码免费下载

一款比较实用的jQuery购物商城商品规格参数选择代码,仿天猫淘宝下单时选择商品规格、尺寸等选项的效果。

JS代码

<script type="text/javascript"> 
$(function(){ 
    $("    .btn-allocate.btn-normal").click(function(){ 
        if ($(this).hasClass("active")){ 
            $(this).removeClass("active")         
        }     
        else{ 
            $(this).addClass("active") 
        }         
    }) 
    //规格,多选 
    $("#spec button").each(function(){ 
        $(this).click(function(){ 
            if($("#show-spec button").hasClass("show-spec"+$(this).index())){         
            $("#show-spec .show-spec"+$(this).index()).remove() 
            }else{ 
                $("#show-spec").append("<button  class='btn-allocate btn-tick show-spec"+$(this).index()+"'>"+$(this).text()+"</button>") 
            } 
        })     
    }) 
    $("#hotpin button").each(function(){ 
        $(this).click(function(){ 
            if($("#show-spec button").hasClass("show-hotpin"+$(this).index())){         
            $("#show-spec .show-hotpin"+$(this).index()).remove() 
            }else{ 
                $("#show-spec").append("<button  class='btn-allocate btn-tick show-hotpin"+$(this).index()+"'>"+$(this).text()+"</button>") 
            } 
        })     
    }) 
    //面料,单选 
    $("#fabric    .btn-allocate.btn-normal").click(function(){ 
            $("#fabric .btn-allocate.btn-normal").removeClass("active"); 
            $(this).addClass("active"); 
    }) 
    $("#fabric button").click(function(){ 
        $("#show-fabric span").remove(); 
        $("#show-fabric").append("<span>"+$(this).closest(".allocate_list").find(".name").text()+$(this).text()+"</span>") 
    })     
    //配件下单建议 
    $("#proposal input[type='checkbox']").click(function(){ 
        $("#proposal input[type='checkbox']").removeAttr("checked"); 
        $(this).prop("checked","checked"); 
    }) 
    $("#proposal input[type='checkbox']").click(function(){ 
        $("#show-proposal span").remove(); 
        $("#show-proposal").append("<span>"+$(this).val()+"</span>") 
    })     
}) 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录