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 />:

我希望有一个按钮转到... /如果选择了一个按钮，... /如果选择了两个则等于两个......

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

我知道这是我去指定链接的方式，但我想根据我的选项选择一个链接，而不是静态选择。感谢

Answer 1

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

用跨度包裹一，二，三

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

Answer 2

使用javascript。

单击按钮时进行函数调用。像这样......

<input type="button" onclick="myfunction()"/>

并在函数内部从文本输入中获取值并使用适当的方法转到链接。

Answer 3

我个人不会为此使用javascript，您可以使用formaction属性中包含URL的普通按钮。

<form>
    <button formaction="http://stackexchange.com">Stackexchange</button>
</form>

form代码是必需的。

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formaction

HTML按钮从文本链接到网站

3 个答案: