2

我有以下 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”页面，而是显示一个空白页面。我该如何实现？

4

2 回答 2

1

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

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

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

于 2013-09-15T11:16:39.343 回答
0

放在return false末尾jump()以防止默认的表单提交动作。

于 2013-09-14T19:57:34.750 回答