Javascript 基于单选按钮值重定向浏览器

是否有更简单的方法根据单选按钮的选择重定向浏览器？这是可行的，但从我在万维网上看到的情况来看，可能有一个更简单的方法

这是我的表格：

<form>
<input type="radio" name="value" value="google"><span>Google</span><br>
<input type="radio" name="value" value="yahoo"><span>Yahoo</span><br>
<input type="radio" name="value" value="bing"><span>Bing</span>

提前感谢

---

我会将html稍微更改为以下内容：

<form>
<input type="radio" name="redirect" value="http://google.com"><span>Google</span><br>
<input type="radio" name="redirect" value="http://yahoo.com"><span>Yahoo</span><br>
<input type="radio" name="redirect" value="http://bing.com"><span>Bing</span>
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$('input[type="radio"]').on('click', function() {
     window.location = $(this).val();
});
</script>

谷歌

雅虎

宾
$（'input[type=“radio”]”）。在（'click'，function（）上{
window.location=$（this.val（）；
});

---

我还将更改为.on（）方法，因为它只是简单地调用.on（）。原因是.click（）只是调用.on（）方法，创建一个实际上不需要的额外函数调用。另外，on（）更灵活

我会将url设置为单选按钮的值

<form>
<input type="radio" name="websiteRadio" value="http://www.google.com"><span>Google</span><br>
<input type="radio" name="websiteRadio" value="http://www.yahoo.com"><span>Yahoo</span><br>
<input type="radio" name="websiteRadio" value="http://www.bing.com"><span>Bing</span>
</form>

$(document).ready(function()
 $("input[name='websiteRadio']").click(function() {        
    window.location = $(this).attr('value');
 });
});

谷歌

雅虎

宾
$（文档）.ready（函数（）
$（“输入[name='websiteRadio']）。单击（函数（）{
window.location=$（this.attr（'value'）；
});
});

窗口。位置。如果需要http重定向，则替换将是一种方法。但是，如果您希望维护历史记录（功能正常的浏览器后退按钮），则
window.location
或
window.location.href
将是您的最佳选择。
如果它是一个单页应用程序，那么也可以考虑哈希URL更改的代码>窗口.List.hash < /> > ./P>
要获取单选按钮的值，可以尝试

$('input[type=radio]').on('change', function(e) {
   // preferred window location change appropriate as mentioned above
});

对于基于jquery的解决方案：

$('input[type=\'radio\']').on('change', function(e) {
   $(location).attr('href', this.value);
});

为什么不直接将网站地址放入值中，然后执行
window.location=$（this.val（）。谢谢Juhana，这很有效。如果我想添加一个提交按钮，而不是自动重定向，该怎么办？@brandozz您可以获得单选的值：
$（'input[name$=“value”]：checked'）
@JonathanLonowski一旦我有了选中单选框的值，我如何获取该值并重定向浏览器。当我提交我的表单时，我的url的末尾一直钉着“？value=google&submit=submit”。4个答案，没有一个被接受，所以我只是问我自己你是否接受了。你能发布任何官方文档或链接，提供
方法所需的信息吗deprecated@roXon更正我一直在想。尽管如此。live（）无论如何都比。click（）好，因为。click（）只需调用.on（）方法即可。
$('input[type=radio]').on('change', function(e) {
   // preferred window location change appropriate as mentioned above
});

$('input[type=\'radio\']').on('change', function(e) {
   $(location).attr('href', this.value);
});