评级星级插件，用于存储来自多个评级的数据

Question

我正在使用来自该站点的评级星级 jQuery 插件：http://www.wbotelhos.com/raty/ by Washington Botelho。
我在我的单一表单中使用多个评级。不同的评分是这样的：

<div id='star1' class='star'></div>
<input name='score1' type='hidden' id='score-target' />

<div id='star2' class='star'></div>
<input name='score2' type='hidden' id='score-target' />

<div id='star3' class='star'></div>
<input name='score3' type='hidden' id='score-target' />

现在我对 jQuery 不太熟悉，但我尝试了很多来了解它的 js 文件。我写了这样的javascript代码：

<script type="text/javascript">
        $(function() {

            $('.star').raty({
            cancel      : true,
            targetKeep  : true,
            targetType  : 'number',
            targetText  : '0',
            target      : '#score-target'
            });

            $('#score').raty({
                score: function() {
                    return $(this).attr('data-rating');
                }
            });
    });
</script>  

问题是我的输入中只存储了最后一个评分的分数，前 2 个输入存储了空值。我不使用 Ajax，因为我不熟悉它。我正在使用 php 从表单中获取数据，然后将其存储在表中。任何人都可以帮助我使用 javascript 代码将不同的值存储在不同的隐藏输入字段中吗？

Answer 1

检查您的代码并观察“on-stars”的 src 属性对我来说，on-stars 的 src 属性包含 star-on 。

        score: function() {
            return $('img[src*="star-on"]',$(this)).length;
        }

Answer 2

问题就在这里：

target      : '#score-target'

您正在使用选择器# 这意味着一个名为“score-target”的ID。 在 html 中，ID 是唯一的，这就是为什么每次第一次引用这个 id 时它都会返回。

你应该这样写：

<div id='star1' class='star' rel="score-target1"></div>
<input name='score1' type='hidden' id='score-target1' />
...


...
target      : $(this).attr('rel')
...