HTML按钮重定向页面

Question

I have the following button:

<div class="form-group">
    <button onclick="assign_all()" class="btn btn-default">Vælg alle</button>
</div>

现在这会调用一个名为assign_all的JavaScript函数。

虽然这样运行没有问题，但是在执行完JavaScript后，它会简单地尝试加载一个页面。这相当奇怪（就像你点击一个A标签一样）。

正如下面所示，我的JavaScript中没有任何指示它应该重新加载/加载页面的内容：

function assign_all() {

    var info = [];
    var i = 0;
    $('.user_list').each(function () {
        if ($(this).hasClass('show')) {
            info[i] = $(this).find('.user_id').val();
            i++;
        }
    })
}

有人能告诉我为什么会发生这种情况吗？

- Marc Rasmussen

Answer 1

这是因为默认情况下，button元素的type属性设置为submit。你的按钮元素试图提交一个表单。只需将它的type属性设为button:

<button onclick="assign_all()" class="btn btn-default" type="button">...</button>

- James Donnelly

Answer 2

在你的按钮标签中添加type="button"。这将解决该问题。

- Nick Mehrdad Babaki

Answer 3

你也可以这样做

<button onclick="assign_all();return false;" class="btn btn-default">Vælg alle</button>

- Dhiraj Wakchaure