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

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;
});