Question

我用单选按钮和提交按钮制作了一个简单的表单。在提交时，调用check（）函数并根据选择的单选按钮打印出文本。

但是，它仅在我第二次提交时才有效。我第一次总结，页面刷新，在网址中添加？req = on，就是这样。

为什么会这样，每次按下提交按钮时如何让它工作？

HTML：

<form name="request" onsubmit="return check();">
    <p>
        <label>Pick fragments: </label>
    </p>
    <fieldset>
        <input id="rally" type="radio" name="req" />
        Longest rally
        <br />
        <input id="gamept" type="radio" name="req" />
        Game points
        <br />
        <input id="setpt" type="radio" name="req" />
        Set points
        <br />
        <br />
        <input type="submit" />
    </fieldset>
</form>

<ul id="uri"></ul>

脚本的一部分：

function check() {

    window.location.hash = "article6";
    var uri = new Array();
    var vid = new Array();
    $('#uri').empty();

    if($('#rally')[0].checked) {

        //get json with the longest rally and print it out
        $.getJSON('json/longRally.json', function(json) {
            for(var i = 0; i < json["results"]["bindings"].length; i++) {
                uri[i] = json["results"]["bindings"][i]["longRally"].value
                vid[i] = json["results"]["bindings"][i]["uriRally"].value

            };

            uri.sort(alphanum);
            vid.sort(alphanum);

            for(var i = 0; i < json["results"]["bindings"].length; i++) {
                $('#uri').append('<li><a href="' + vid[i] + '">' + uri[i] + '</a></li>');
            };
        });
    }   
}

网址位于：

http://b-webdesign.com/multilab/Ver3.0/#article6

Answer 1

添加：

return false;

到你的功能结束。

表单提交按钮onClick JavaScript功能

1 个答案: