blocks|key|200584|text|disable属性只有一个参数。如果你想重新启用它，你必须删除整个代码，而不仅仅是改变它的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200585|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>the disable attribute only has one parameter. if you want to reenable it you have to remove the whole thing, not just change the value.</p>


blocks|key|418908|text|$(".btncancel").button({+disabled:+true+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|418909|这里'btncancel‘是按钮的类名。|unstyled|418910|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$(".btncancel").button({ disabled: true });
</code></pre>

<p>Here 'btncancel' is the class name of the button.</p>


blocks|key|200720|text|使用jQuery，您可以在一行中完成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200721|//Enable
$('#Button').prop('disabled',+false)

//Disable
$('#Button').prop('disabled',+true)|code-block|syntax|javascript|200722|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>With jQuery you can do in a single line</p>
<pre><code>//Enable
$('#Button').prop('disabled', false)

//Disable
$('#Button').prop('disabled', true)
</code></pre>


blocks|key|418955|text|如果没有jQuery，禁用输入将会更简单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|418956|Button.disabled=1;|code-block|syntax|javascript|418957|​|418958|function+dis()+{
++Button.disabled=+!Button.disabled;
}|418959|<input+id="Button"+type="button"+value="%2B"+style="background-color:grey"+onclick="Me();"/>

<button+onclick="dis()">Toggle+disable</button>|418960|418961|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>Without jQuery disable input will be simpler</p>

<pre><code>Button.disabled=1;
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function dis() {
  Button.disabled= !Button.disabled;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/&gt;

&lt;button onclick="dis()"&gt;Toggle disable&lt;/button&gt;</code></pre>
</div>
</div>
</p>


blocks|key|418963|text|+
++++<script+type="text/javascript">
++++++++function+DisableButton()+{
++++++++++++document.getElementById("<%25=btnSave.ClientID+%25>").disabled+=+true;
++++++++}
++++++++window.onbeforeunload+=+DisableButton;
++++</script>
++++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|418964|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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


blocks|key|200660|text|虽然与问题没有直接关系，但如果您跳到这个问题上，希望禁用除典型输入元素button,+input,+textarea之外的其他内容，则语法将不起作用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|200661|要禁用某个div或span，请使用setAttribute|200662|document.querySelector('#somedivorspan').setAttribute('disabled',+true);|code-block|syntax|javascript|200663|附言:明白了，只有当你想禁用它的时候才调用它。即使第二个参数为false，chrome版本83中的错误也会导致始终禁用此功能。|200664|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute^0|Z|N|0|H|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@$9|10|A|11|1|12]]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|14|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

<p>While not directly related to the question, if you hop onto this question looking to disable something other than the typical input elements <code>button, input, textarea</code>, the syntax won't work.</p>
<p>To disable a div or a span, use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" rel="nofollow noreferrer">setAttribute</a></p>
<pre><code>document.querySelector('#somedivorspan').setAttribute('disabled', true);
</code></pre>
<p>P.S: Gotcha, only call this if you intend to disable. A bug in chrome Version 83 causes this to always disable even when the second parameter is false.</p>


blocks|key|200691|text|使用JavaScript禁用/启用html输入按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|200692|(并与裁判反应。如果不使用React，则将"elementRef.current“替换为元素选择)|200693|+elementRef.current.setAttribute('disabled',+'disabled');|code-block|syntax|javascript|200694|启用：|200695|+elementRef.current.removeAttribute('disabled');|200696|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Disabling/enabling an html input button with JavaScript:</p>
<p>(And React with refs. Replace &quot;elementRef.current&quot; with element selection if not using React)</p>
<pre><code> elementRef.current.setAttribute('disabled', 'disabled');
</code></pre>
<p>Enable:</p>
<pre><code> elementRef.current.removeAttribute('disabled');
</code></pre>


blocks|key|418923|text|坚持使用php...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|418924|为什么不只允许按钮在满足上述条件时出现。|418925|<?
if+(whatever+==+something)+{
++++$display+=+'<input+id="Button"+type="button"+value="%2B"+style="background-color:grey"+onclick="Me();"/>';
++++return+$display;
}
?>|code-block|syntax|javascript|418926|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Stick to php...</p>

<p>Why not only allow the button to appear once an above criteria is met.</p>

<pre><code>&lt;?
if (whatever == something) {
    $display = '&lt;input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/&gt;';
    return $display;
}
?&gt;
</code></pre>


<p>So I have a button like this:</p>

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

<p>How can I disable and enable it when I want? I have tried <code>disabled="disable"</code> but enabling it back is a problem. I tried setting it back to false but that didn't enable it. </p>


Disabling and enabling a html input button

jQuery

所以我有一个像这样的按钮：<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>如何在需要的时候禁用和启用它？我已经尝试过disabled="disable"，但重新启用它是一个问题。我试着将它设置回false，但这并没有启用它。

问禁用和启用html输入按钮
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用和启用html输入按钮EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用和启用html输入按钮
EN