我有一个这样的按钮:

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

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


当前回答

$(".btncancel").button({ disabled: true });

这里'btncancel'是按钮的类名。

其他回答

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

启用按钮

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

禁用按钮

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

不需要外部库。

由于首先要禁用它,启用它的方法是将其disabled属性设置为false。

要在Javascript中更改它的disabled属性,你可以使用这个:

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

很明显,要禁用它,你会用true代替。

由于您还使用jQuery标记了问题,因此可以使用.prop方法。喜欢的东西:

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

这是jQuery的新版本。旧的方法是添加或删除一个属性,如下所示:

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

disabled属性的存在禁用了元素,所以不能将其值设置为“false”。即使下面的代码也应该禁用该元素

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

您需要完全删除该属性或设置其属性。

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

disable属性只有一个参数。如果你想重新启用它,你必须删除整个东西,而不仅仅是改变值。

使用jQuery,你可以在一行中完成

//Enable
$('#Button').prop('disabled', false)

//Disable
$('#Button').prop('disabled', true)