Javascript onclick无法使用单选按钮

时间:2013-01-10 22:05:15

标签: javascript

我的javascript有问题。我已经下载了一个评级星级插件,确切地说就是这个:http://www.fyneworks.com/jquery/star-rating/#tab-Testing

我在一个页面上有多个要评分的内容,所以我想我可以使用onclick将它发送到一个函数,然后用ajax将它发送到我的数据库。问题是,当点击评级星没有任何反应时,我已经在常规提交按钮上尝试了它,并且该功能被执行。

以下是代码:

            <script type="text/javascript">
               function postform(){                      
                           alert('Thing is clicked');
                       };                 
            </script>

这颗星实际上是一个单选按钮:

<input name="adv1" type="radio" class="star {split:4}" value="0.50" onclick="postform()"/>

我看不出代码有什么问题,因为当我在这样的常规按钮上测试它时:

 <input type="submit" value="testbutton" onclick="postform()"/>

它给了我警告Thing被点击。

不知何故,明星不喜欢onclick的东西.. 我已经在IE,Chrome和FF中测试了它,没有任何事情发生

有人可以帮助我吗?

非常感谢!

编辑:

根据卢卡斯的要求,我有这个想法:

<script type='text/javascript' src='jquery.min.js'></script>
<script src='jquery.MetaData.js' type="text/javascript"></script>
<script src='jquery.rating.js' type="text/javascript"></script>

1 个答案:

答案 0 :(得分:2)

该库正在为您处理单选按钮的onclick事件,因此您无法通过向输入元素添加属性onclick来处理它。

根据他们的文档,您需要在脚本中添加这样的代码:

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

然后将类auto-submit-star添加到单选按钮的类列表中:

<input name="adv1" type="radio" class="auto-submit-star {split:4}" value="0.50" onclick="postform()"/>