Javascript onclick 不适用于单选按钮

标签 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()"/>

它向我发出警报“事物已被点击”。

不知何故,这位明星不喜欢 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>

最佳答案

该库正在为您处理单选按钮的 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()"/>

关于Javascript onclick 不适用于单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14268119/

相关文章:

javascript - 根据下拉选择自动显示数据

javascript - 无法显示数组输出

javascript - NodeJS : recursive function with async request

javascript - 如何让 Prettier 忽略一段代码?

javascript - 如何更改脚本中的 CHANGE ME 文本

c# - MVC : How do I decode code to JS that was encoded in c# using JavaScriptSerializer

javascript - 解析服务器云代码更新用户

Javascript 表单更新 Onclick

javascript - Safari 浏览器在旋转变换后渲染 SVG 两次

javascript - Spring中css、js文件放在哪里?