禁用和启用html输入按钮

2020/10/09 03:01 · javascript ·  · 0评论

所以我有一个像这样的按钮:

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

我要如何禁用和启用它?我已经尝试过,disabled="disable"但是将其重新启用是一个问题。我尝试将其设置回false,但是没有启用它。

使用JavaScript

  • 禁用HTML按钮

    document.getElementById("Button").disabled = true;
    
  • 启用html按钮

    document.getElementById("Button").disabled = false;
    
  • 在这里演示


使用jQuery

jQuery 1.6之前的所有版本

  • 禁用HTML按钮

    $('#Button').attr('disabled','disabled');
    
  • 启用html按钮

    $('#Button').removeAttr('disabled');
    
  • 在这里演示

1.6之后的所有版本的jQuery

  • 禁用HTML按钮

    $('#Button').prop('disabled', true);
    
  • 启用html按钮

    $('#Button').prop('disabled', false);
    
  • 在这里演示

PS更新了基于jquery 1.6.1更改的代码作为建议,请始终使用最新的jquery文件和prop()方法。

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

disabled在Javascript中更改其属性,请使用以下命令:

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="" />

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

您可以使用简单的JavaScript轻松完成此操作,而无需任何库。

启用按钮

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

禁用按钮

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

无需外部库。

disable属性只有一个参数。如果要重新启用它,则必须删除整个内容,而不仅仅是更改值。

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

这里的“ btncancel”是按钮的类名。

没有jQuery禁用输入将更简单

Button.disabled=1;

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

虽然与问题没有直接关系,但是如果您跳到该问题以禁用除典型输入元素之外的其他内容button, input, textarea,则该语法将不起作用。

要禁用div或跨度,请使用setAttribute

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

PS:知道,只有在要禁用时才调用此命令。chrome版本83中的错误会导致此错误始终停用,即使第二个参数为false。

使用JavaScript禁用/启用html输入按钮:

(和React with refs。如果不使用React,请用元素选择替换“ elementRef.current”)

 elementRef.current.setAttribute('disabled', 'disabled');

启用:

 elementRef.current.removeAttribute('disabled');

这肯定会起作用。

禁用按钮

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

启用按钮

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

坚持使用PHP ...

为什么不仅要满足上述条件,就让按钮出现。

<?
if (whatever == something) {
    $display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
    return $display;
}
?>
本文地址:http://javascript.askforanswer.com/jinyongheqiyonghtmlshuruanniu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!