javascript - 选择单选按钮后无法重定向到页面

Question

我有以下 HTML 来提供两个单选按钮选项。如果用户选择一个选项并点击提交，它将转到相应的页面。

<script src="js/jump.js"></script>

<form onsubmit="jump()">
<input type="radio" name="querytype" value="apple">Go to Apple page<br>
<input type="radio" name="querytype" value="orange">Go to Orange page<br>
<input type="submit" value="OK">
</form>

在js文件jump.js中，我有如下函数:

function jump() {
    var selected = document.getElementsByName('querytype');

    for(var i=0; i<selected.length; i++) {
    var value = selected[i].value;
    if (selected[i].checked) {
        if (value === 'apple') {
        window.location.href = '/myapp/apple-page';
        } else {
        window.location.href = '/myapp/orange-page';
        }
    } 
    }
}

但这行不通。当我做出选择并提交时，它不会转到“Apple”或“Orange”页面，而是显示一个空白页面。我如何实现它？

Answer 1

根据您的代码，我了解到您只想根据用户选择重定向到页面 X 或 Y。如果是这种情况，那么您必须将“提交”按钮类型更改为“按钮”像这样:

<input type="button" onclick="jump()" value="ok">

并从表单标签中删除属性 onsubmit="jump()"。