HTML 按钮从文本链接到网站

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，您可以使用普通按钮，并将 URL 放在

formaction

属性中。

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

form

标签是必需的。

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

Answer 4

www.trust-reality.in 古尔冈的业主是谁？请告诉我