javascript - 根据单选按钮值重定向浏览器

标签 javascript jquery

有没有一种更简单的方法可以根据单选按钮的选择来重定向浏览器?这行得通,但从我在万维网上阅读的内容来看,可能有一种更简单的方法。

这是我的表格:

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

这是我的 jquery:

$(function() {
$("input[name$='value']").click(function() {
    var value = $(this).val();
    if (value == 'google') {
        window.location.assign("http://www.google.com");
    }
    else if (value == 'yahoo') {
        window.location.assign("http://www.yahoo.com");
    }
    else if (value == 'bing') {
        window.location.assign("http://www.bing.com");
    }
});});

提前致谢

最佳答案

我会将 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>

我也会更改为 .on() 方法,因为它只是简单地调用 .on() 。原因是 .click() 只是调用了 .on() 方法,创建了一个并非真正必要的额外函数调用。加上 .on() 更加灵活!

关于javascript - 根据单选按钮值重定向浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15043117/

相关文章:

javascript - 如何从前端react.js中的node.js获取多个数据库的数据

javascript - react 谷歌地图,更新标记OnIdle

javascript - 通过datepicker的日期参数获取FullCalendar中的资源

javascript - 来自 JSON 的 ColdFusion 加密 ID

javascript - 如何使我的 JavaScript 代码无法被其他人使用?

javascript - 带有溢出隐藏和子元素的 DOM 元素,DOM 可以测量高度/宽度吗?

javascript - 获取单选按钮之前的状态点击事件/取消选中单选按钮(如果之前已选中)

javascript - 我如何形成一个正则表达式验证,我可以在其中输入数字 [0-9] 但我不应该能够输入具有 0000 值的值?

javascript - jquery密集的文本阴影和模糊的背景颜色

javascript - 是否可以使用 `require.context` 为 Webpack 进行动态导入?