-3

我的 jquery/java 技能不存在....我需要一些快速帮助:

我的老板想要一个表格,让客户写评论并为折扣打星,然后点击提交;如果他们选择超过 3 颗星,则与提交较少星数的评论的人相比,他们会将他们带到一个单独的页面。

是否可以有一个 j 查询按钮,根据所选的星星动态更改链接?

我正在使用 j 查询星级插件:

    <script type="text/javascript" src="../src/rating.js"></script>
    <link rel="stylesheet" href="../src/rating.css" type="text/css" media="screen" title="Rating CSS">

    <script type="text/javascript">
        $(function(){
            $('.container').rating();
        });


    </script>
</head>

<body>

<h1><a title="Full Documentation" href="http://irfandurmus.com/projects/jquery-star-rating-plugin/">jQuery Star Rating Plugin</a></h1>

    <section class="container">
        <input type="radio" name="example" class="rating" value="1" />
        <input type="radio" name="example" class="rating" value="2" />
        <input type="radio" name="example" class="rating" value="3" />
        <input type="radio" name="example" class="rating" value="4" />
        <input type="radio" name="example" class="rating" value="5" />
    </section>

<script type="text/javascript">
if  $('.container').rating(4,5) {
    echo "<a href="eventual link> Click here to receive your discount code</a>" ;
}
else $('.container').rating(1,2,3) {
    echo "<a href="eventual link>Click here to recieve your discount code</a>";
}
   </script>
4

3 回答 3

2
$('.container').rating({
     callback: function(value){
          if(value > 3){
               $('.container').after('<a href="eventual link"> Click here to receive your discount code</a>');
          }else{
               $('.container').after('<a href="eventual link"> Click here to receive your discount code</a>');
          }
     }
});
于 2013-06-12T20:37:45.560 回答
1

您可以编写一个函数onClick(),将其附加到提交按钮(或您想要的任何元素),然后在方法内部说

if (stars >= 3) {
 window.location = 'http://www.mysite.com/goodratingpage'
} else
 window.location = 'http://www.mysite.com/badratingpage'
}

window.location您可能已经猜到了)只是将用户重定向到另一个页面。

于 2013-06-12T20:33:02.530 回答
1

使用这个非常相似的问题的答案,您可以将回调附加到星级的点击事件。

$('.container').rating({ 
  callback: function(value, link){ 
     if (value > 3)
        window.location.href = "http://example.org";
     else
        window.location.href = "http://stackoverflow.com";
  } 
});
于 2013-06-12T20:39:19.793 回答