如何使用 jQuery 或 Javascript 禁用页面上的元素 [重复]答案

【问题标题】：How to disable an element on the page with jQuery or Javascript [duplicate]如何使用 jQuery 或 Javascript 禁用页面上的元素 [重复]
【发布时间】：2014-11-25 15:46:01
【问题描述】：

$('img').click(function () {
    $("#shikh_sec").attr("disabled", true); // doesn't work :/
    }

那么，如何解决这个问题并在点击“img”标签时禁用该元素

【问题讨论】：

你用的是什么版本的jQuery？

标签： javascript jquery html attributes

【解决方案1】：

假设#shikh_sec 是一个可以被禁用的输入（没有禁用p 元素等），你想要prop()：

$('#shikh_sec').prop('disabled', true);

【讨论】：

请注意，这仅限于 jQuery 1.6+
如果不知道元素 是什么，很难猜到为什么。或者，如果您可能通过“禁用”表示不同的意思。或者，如果在将相关图像添加到页面之前运行初始代码。如果您包含实际显示问题的示例代码，我们将能够更好地提供帮助。
例如，它在这里工作：codepen.io/paulroub/pen/qmFoJ（添加了有人指出的缺失的)）。

【解决方案2】：

代码缺少尾随“);”

正确的版本应该是这样的

$('#disable-me').click(function () {
$(this).attr("disabled", true); // doesn't work :/
});

JSFiddle：http://jsfiddle.net/5v4mysgt/

【讨论】：

disabled 属性不接受 true 作为值，如果使用 jQuery 1.6+，你必须给它'disabled'或者使用 prop setter
它似乎对我有用，尽管使用 $(this).attr("disabled", "disabled") 是正确的

【解决方案3】：

尝试使用disabled 而不是true：

$('img').click(function () {
    $("#shikh_sec").attr("disabled", "disabled");
}

http://jsfiddle.net/yhfnzjuq/

$(function(){
  $('img').click(function () {
    $("#shikh_sec").attr("disabled", "disabled");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://ichef.bbci.co.uk/news/ws/200/amz/worldservice/live/assets/images/2014/09/23/140923115528_ultima_hora_640x360_bbc_nocredit.jpg">
    
<input id="shikh_sec" type="button" value="OK">

【讨论】：

【解决方案4】：

或者只是使用纯 javascript：

$('img').click(function () {
    document.getElementById("shikh_sec").disabled = true;
});

【讨论】：

投反对票 .. 你可以在投反对票之前发表一些评论 .. 我讨厌仇恨者
我猜 DV'er 想使用默认原因来投票。这并不表示仇恨。话虽如此，您并没有使用“纯 JavaScript”。
可能在标记为“纯 JavaScript”的东西中使用了 $('img')。如果您使用的是 jQuery，为什么不在下面的行中继续使用 jQuery？
你解决了，谢谢
这只是一个替代方案，如果它不值得赞成，它也不值得反对，毕竟它有效！