我有一个这样的按钮:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

当我需要时,我如何禁用和启用它?我已经尝试了禁用=“禁用”,但启用它回来是一个问题。我试着把它设置回false,但那没有启用它。


当前回答

使用Javascript

禁用html按钮 . getelementbyid(“按钮”)。Disabled = true; 启用html按钮 . getelementbyid(“按钮”)。禁用= false; 演示


使用jQuery

jQuery 1.6之前的所有版本

禁用html按钮 $(" #按钮”).attr(“禁用”,“禁用”); 启用html按钮 $(" #按钮”).removeAttr(“禁用”); 演示

jQuery 1.6之后的所有版本

禁用html按钮 $(" #按钮”)。道具(“禁用”,真正的); 启用html按钮 $(" #按钮”)。道具(“禁用”,假); 演示

注:在jquery 1.6.1的基础上更新了代码。建议使用最新的jquery文件和prop()方法。

其他回答

这肯定会奏效。

禁用按钮

$('#btn_id').button('disable');

启用按钮

$('#btn_id').button('enable');

使用Javascript

禁用html按钮 . getelementbyid(“按钮”)。Disabled = true; 启用html按钮 . getelementbyid(“按钮”)。禁用= false; 演示


使用jQuery

jQuery 1.6之前的所有版本

禁用html按钮 $(" #按钮”).attr(“禁用”,“禁用”); 启用html按钮 $(" #按钮”).removeAttr(“禁用”); 演示

jQuery 1.6之后的所有版本

禁用html按钮 $(" #按钮”)。道具(“禁用”,真正的); 启用html按钮 $(" #按钮”)。道具(“禁用”,假); 演示

注:在jquery 1.6.1的基础上更新了代码。建议使用最新的jquery文件和prop()方法。

虽然与问题没有直接关系,但如果您跳到这个问题上,希望禁用典型的输入元素按钮、input、textarea以外的东西,那么语法将不起作用。

要禁用div或span,请使用setAttribute

document.querySelector('#somedivorspan').setAttribute('disabled', true);

p.s.:明白了,只有当你打算禁用时才调用这个。chrome 83版本的一个错误导致即使第二个参数为false,该选项也总是禁用。

 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

只需Vanilla JavaScript就可以很容易地做到这一点,不需要任何库。

启用按钮

document.getElementById("Button").disabled=false;

禁用按钮

 document.getElementById("Button").disabled=true;

不需要外部库。