如何使用jQuery或Javascript禁用页面上的元素

时间:2014-09-30 21:40:39

标签: javascript jquery html5 attributes

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

所以,如何解决这个问题并在点击" img"时禁用该元素标签

4 个答案:

答案 0 :(得分:4)

假设#shikh_sec可以被禁用的输入(没有禁用的p元素等等),您需要prop()

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

答案 1 :(得分:1)

尝试使用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">
&#13;
&#13;
&#13;

答案 2 :(得分:1)

代码缺少尾随&#34;);&#34;

正确的版本将是这样的

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

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

答案 3 :(得分:-2)

或者只是使用纯粹的javascript:

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