Javascript Onclick锚不工作

Javascript Onclick锚不工作,javascript,jquery,html,Javascript,Jquery,Html,我有5个收视率星单选按钮,它们工作正常,我还有一个锚标签,我需要检查是否有任何单选按钮在重定向之前已经检查过 HTML 好的,问题是每次我点击锚点都没有发生任何事情。我该怎么做才能钓到它呢?这肯定是因为您的javascript代码在页面的HTML之上 因此,当浏览器读取Js代码时,链接不在DOM中,因此它可以将事件处理程序绑定到链接 下面是一个工作示例,其中在文档准备就绪时绑定事件处理程序 $document.readyfunction{ $okB.onclick,Israte; }; 功能是

我有5个收视率星单选按钮,它们工作正常,我还有一个锚标签,我需要检查是否有任何单选按钮在重定向之前已经检查过

HTML

好的,问题是每次我点击锚点都没有发生任何事情。我该怎么做才能钓到它呢?

这肯定是因为您的javascript代码在页面的HTML之上

因此,当浏览器读取Js代码时,链接不在DOM中,因此它可以将事件处理程序绑定到链接

下面是一个工作示例,其中在文档准备就绪时绑定事件处理程序

$document.readyfunction{ $okB.onclick,Israte; }; 功能是有关联的{ e、 防止违约; var值=$input[name=star]:checked.val; 控制台。记录“hola click” }
您应该决定使用DOM或jQuery

这是一个不会重新加载页面的链接-代码可以放在页面的头部

$function{ $okB.onclick,函数E{ e、 preventDefault;//不要在href中重新加载页面 var值=$input[name=star]:checked.val; console.log'hola click',值 }; };
你的单选按钮在哪里?请显示足够的代码请参阅帮助指南,我们可以重现您的问题。您是否等待JavaScript的执行,直到加载DOM?e、 g.$document.readyfunction{…};?编辑更多details@JoseOsorio编辑的答案。编辑的更详细。它看起来越来越像我的;使用更多详细信息编辑但如果未定义值,如何使锚定工作?
<-- index.html -->

<div class="stars-div">
    <div class="stars">
        <input class="star-input star-5" id="star-5" type="radio" name="star" value="5"/>
        <label class="star-icon star-5" for="star-5"></label>                                   
                            <input class="star-input star-4" id="star-4" type="radio" name="star" value="4"/>
        <label class="star-icon star-4" for="star-4"></label>
                            <input class="star-input star-3" id="star-3" type="radio" name="star" value="3"/>
        <label class="star-icon star-3" for="star-3"></label>
                            <input class="star-input star-2" id="star-2" type="radio" name="star" value="2"/>
        <label class="star-icon star-2" for="star-2"></label>
                            <input class="star-input star-1" id="star-1" type="radio" name="star" value="1"/>
        <label class="star-icon star-1" for="star-1"></label>
    </div>
</div>

<div class="button-div">
    <a href="" class="btn btn-default btn-test" id="okB">
        <b>OK</b>
        &nbsp;
        <span class="glyphicon glyphicon-ok"></span>
    </a>
</div>
$(document).ready(function() {
  var okButton = document.getElementById('okB');
  $("#okB").on("click", isRated);
  function isRated () {
    var value = $("input[name=star]:checked").val();
    console.log('hola click')
  }
});