Question

我必须在页面加载时禁用按钮。

如何在使用jQuery或JavaScript完全加载页面后启用按钮？

Answer 1

从头开始禁用任何按钮：

<input type="button" disabled="disabled" />

并将启用添加到窗口就绪功能

$(document).ready(
    function(){
        $("input[type=button]", "<input[type=submit]", "input[type=reset]").each( //add more selector here if you want
            function(){
                if($(this).attr("disabled"))
                    $(this).attr("disabled", false); //enable button again
            }
        );
    }
);

Answer 2

或者你可以做到

<body onload="load()">

和

<script type="text/javascript">
    function load()
    {
        document.getElementById("buttonID").disabled=true;
    }
</script>

Answer 3

为按钮添加禁用属性，在脚本中，文档就绪功能删除禁用功能。

$("#buttonID").prop('disabled',false)

Answer 4

这基于@Bang Dao's answer，但使用的是本机JavaScript。

从一开始就禁用该按钮：

<button id="button" disabled>A button</button>

然后在DOMContentLoaded上监听document事件：

document.addEventListener('DOMContentLoaded', function() {
    const button = document.getElementById('button');
    button.disabled = false;
});

如何在加载页面后启用按钮

4 个答案: