【问题标题】:change exsisiting radio button into a <a href>将现有单选按钮更改为 <a href>
【发布时间】:2013-11-21 21:52:53
【问题描述】:

单击单选按钮后,我现有的代码会从预定列表中生成一个随机网页。我想删除单选按钮并在我的导航栏中创建一个“a href”以创建相同的效果。

这是我当前的代码:

 <script type="text/javascript">
 function randomlinks(){
 var myrandom=Math.round(Math.random()*9)
 var links=new Array()
 links[0]="http://www.javascriptkit.com"
 links[1]="http://www.dynamicdrive.com"
 links[2]="http://www.cssdrive.com"
 links[3]="http://www.codingforums.com"
 links[4]="http://www.news.com"
 links[5]="http://www.gamespot.com"
 links[6]="http://www.msnbc.com"
 links[7]="http://www.cnn.com"
 links[8]="http://news.bbc.co.uk"
 links[9]="http://www.news.com.au"

 window.location=links[myrandom]
 }
 </script>

单选按钮

 <form>
 <input type="button" value="random link!" onClick="randomlinks()">
 </form>

如何删除单选按钮“表单”并将其功能移动到“a href”属性中。 “a href”链接将用于简单的导航栏中。

【问题讨论】:

    标签: javascript jquery css forms hyperlink


    【解决方案1】:

    我不喜欢将 JS 直接放在锚点的 href 属性中,我猜是由于在 href 中提供有效 URL 的旧习惯,这样用户即使已经获得了工作页面禁用 JavaScript,并将 JS 放入 onclick 属性中。

    其实我也不太喜欢包含内联事件属性,但以下方法会起作用:

    <a href="#" onclick="randomlinks(); return false;>Random Link!</a>
    

    return false; 阻止默认链接行为。)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-06
      • 2014-03-14
      • 2016-07-05
      • 1970-01-01
      • 2011-05-20
      • 2014-04-09
      • 1970-01-01
      • 2017-11-14
      相关资源
      最近更新 更多