如何检查星星是否被点击？ （Jquery Star评级插件）

Question

我正在使用此插件http://www.fyneworks.com/jquery/star-rating/#tab-Testing。 我试图建立一个客户端验证系统来确定是否 星星被点击了。 我想知道你怎么做。

在我的javascript文件中，我有

    $('#star1').click(function (){
        document.getElementById('star1').checked=true;
        return false;
    });

我正在使用单选按钮类型的星标，并且有这样的HTML代码，

    <input id="star1" name="star1" type="radio" class="star" value="1"/>
    <input id="star1" name="star1" type="radio" class="star" value="2"/>
    <input id="star1" name="star1" type="radio" class="star" value="3"/>
    <input id="star1" name="star1" type="radio" class="star" value="4"/>
    <input id="star1" name="star1" type="radio" class="star" value="5"/>

但这似乎不起作用。

Answer 1

工作演示 http://jsfiddle.net/2xTwb/

希望它符合您的原因:)

<强>脚本

  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

      <script type='text/javascript' src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js"></script>

      <link rel="stylesheet" type="text/css" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css">

<强>码

$(".voting-star[value='3']").attr("checked", true);

$('.voting-star').rating({
    callback: function(value, link) {
        alert(value);
    }
});
​

Answer 2

您可以使用.prop方法检查checked属性。

$('.star').click(function (){
   if ($(this).prop('checked')) {
     //...
   }
   return false;
});