jQuery五星评价+印象评价+评语表单代码免费下载

jQuery商品交易订单五星评价+印象评价+评语表单代码,一款实用的售后星级评分留言反馈代码。

JS代码

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
    /* 
     * 根据index获取 str 
     * **/ 
    function byIndexLeve(index){ 
        var str =""; 
        switch (index) 
        { 
            case 0: 
                str="差评"; 
                break; 
            case 1: 
                str="较差"; 
                break; 
            case 2: 
                str="中等"; 
                break; 
            case 3: 
                str="一般"; 
                break; 
            case 4: 
                str="好评"; 
                break; 
        } 
        return str; 
    } 
    //  星星数量 
    var stars = [ 
        ['x2.png', 'x1.png', 'x1.png', 'x1.png', 'x1.png'], 
        ['x2.png', 'x2.png', 'x1.png', 'x1.png', 'x1.png'], 
        ['x2.png', 'x2.png', 'x2.png', 'x1.png', 'x1.png'], 
        ['x2.png', 'x2.png', 'x2.png', 'x2.png', 'x1.png'], 
        ['x2.png', 'x2.png', 'x2.png', 'x2.png', 'x2.png'], 
    ]; 
    $(".block li").find("img").hover(function(e) { 
        var obj = $(this); 
        var index = obj.index(); 
        if(index < (parseInt($(".block li").attr("data-default-index")) -1)){ 
            return ; 
        } 
        var li = obj.closest("li"); 
        var star_area_index = li.index(); 
        for (var i = 0; i < 5; i++) { 
            li.find("img").eq(i).attr("src", "img/" + stars[index][i]);//切换每个星星 
        } 
        $(".level").html(byIndexLeve(index)); 
    }, function() { 
    }) 
 
    $(".block li").hover(function(e) { 
    }, function() { 
        var index = $(this).attr("data-default-index");//点击后的索引 
        index = parseInt(index); 
        console.log("index",index); 
        $(".level").html(byIndexLeve(index-1)); 
        console.log(byIndexLeve(index-1)); 
        $(".order-evaluation ul li:eq(0)").find("img").attr("src","img/x1.png"); 
        for (var i=0;i<index;i++){ 
 
            $(".order-evaluation ul li:eq(0)").find("img").eq(i).attr("src","img/x2.png"); 
        } 
    }) 
    $(".block li").find("img").click(function() { 
        var obj = $(this); 
        var li = obj.closest("li"); 
        var star_area_index = li.index(); 
        var index1 = obj.index(); 
        li.attr("data-default-index", (parseInt(index1)+1)); 
        var index = $(".block li").attr("data-default-index");//点击后的索引 
        index = parseInt(index); 
        console.log("index",index); 
        $(".level").html(byIndexLeve(index-1)); 
        console.log(byIndexLeve(index-1)); 
        $(".order-evaluation ul li:eq(0)").find("img").attr("src","img/x1.png"); 
        for (var i=0;i<index;i++){ 
            $(".order-evaluation ul li:eq(0)").find("img").eq(i).attr("src","img/x2.png"); 
        } 
 
    }); 
    //印象 
    $(".order-evaluation-check").click(function(){ 
        if($(this).hasClass('checked')){ 
            //当前为选中状态,需要取消 
            $(this).removeClass('checked'); 
        }else{ 
            //当前未选中,需要增加选中 
            $(this).addClass('checked'); 
        } 
    }); 
    //评价字数限制 
    function words_deal() 
    { 
        var curLength=$("#TextArea1").val().length; 
        if(curLength>140) 
        { 
            var num=$("#TextArea1").val().substr(0,140); 
            $("#TextArea1").val(num); 
            alert("超过字数限制,多出的字将被截断!" ); 
        } 
        else 
        { 
            $("#textCount").text(140-$("#TextArea1").val().length); 
        } 
    } 
    $("#order_evaluation").click(function(){ 
        $("#order_evaluate_modal").html("感谢您的评价!么么哒(*  ̄3)(ε ̄ *)").show().delay(3000).hide(500); 
    }) 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录