HTML 按钮从文本链接到网站

Question

我正在尝试使用 HTML 按钮链接到给定提供的文本字段输入的新网站。

我有这样的选择:

Option: <br />
                One <input type="radio" value="Short"
                name="option" <br />: 
                Two <input type="radio" value="Long"
                name="option" <br />:
                Three <input type="radio" value="Zero"
                name="option" <br />:

如果选择了一个，我想要一个按钮转到 .../one，如果选择了两个，则转到 .../two，等等...

<form> <input class="MyButton" type="button" value="Google"
         onclick=window.location.href='www.google.com' /> </form>

我知道这是转到指定链接的方式，但我想转到基于我的选项选择的链接，而不是静态选择。谢谢

Answer 1

首先，您必须修复您的 HTML 错误。没有输入元素有结束标记。

用span包裹一、二、三

Option: <br />
   <span>One</span> <input type="radio" value="Short" name="option" /> <br />
   <span>Two</span> <input type="radio" value="Long" name="option" /> <br />
   <span>Three</span> <input type="radio" value="Zero" name="option" /> <br />

<form> <input class="MyButton" type="button" value="Google" /> </form>

然后您可以获得您的选择值并设置按钮onclick值

$(document).ready(function(){

   $("input[type='radio']").click(function(){
       var text = $(this).prev('span').text();
       $('form > input').attr('onclick',
            "javascript:window.location.href='https://www.google.com/" + text + "'");
   });

});

点击 Google 按钮后，您将重定向到 https://www.google.com/yourSelectValue