Question

我有以下按钮：

<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++;
        }
    })
}

谁能告诉我为什么会这样？

Answer 1

这是因为默认button元素的type属性设置为submit。您的按钮元素正在尝试提交表单。只需给它type button：

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

Answer 2

添加type =＆＃34;按钮＆＃34;到你的按钮标签。它必须解决问题

Answer 3

你也可以这样做

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

HTML按钮重定向页面

3 个答案: