Question

我想问一下，在点击星级评定控件后是否可以启用“提交”按钮。

我有这个标记

    <div class="rating-container rating-md rating-animate">
    <div class="rating" id="ratingg">
    <span class="empty-stars">
    <span class="filled-stars">
    <span class="star"><i class="glyphicon glyphicon-star"></i></span>
    </div>
    <div class="caption"><span class="label label-default">Great!</span></div>
    <input id="rating" name="rating" class="rating" data-min="0" data-max="5" data-step="1">
    </div>
<button class="btn btn-file" id="okbtn" type="submit">Continue</button>

和jQuery如下

$(document).ready(function() {
     $('#okbtn').attr('disabled','disabled');
     $('#rating').click(function() {
         $('#okbtn').removeAttr('disabled');               
     });
 });

有人知道为什么上面的示例不适用于JQuery星级评分插件（http://plugins.krajee.com/star-rating）。任何帮助将不胜感激。

编辑

感谢您的投入，非常感谢您的投入和知识！ Goldie是正确的，我只需要在main.js文件中包含以下代码：

 $(function(){
   $('#ratingg').on("click", function () {
      $('#okbtn').removeAttr('disabled');        
   });
 });

再次感谢！

Answer 1

尝试这个。

$('#rating').on('rating:change', function(event, value, caption) {
    console.log(value);
    console.log(caption);
});

jQuery的.click（）方法是否可以在Bootstrap星级上使用

1 个答案: