Question

我的页面中有一个按钮，我想禁用它。有办法吗？我的代码如下

<script type="text/javascript"> 

  $(document).ready(function() {

  var myButton = $(this, "input[type='button']");
  $(myButton).attr("disabled", "true");

  });

</script>

<input id="create" class="button" type="button" >

Answer 1

更改

$(myButton).attr("disabled", "true");

到

$("#create").attr("disabled", "disabled");

当你想重新启用它时

$("#create").removeAttr("disabled");

Answer 2

使用.prop()设置按钮的禁用属性：

myButton.prop('disabled', true);

请注意，myButton已经是jQuery对象，因此您不需要再次使用$()。要再次启用该按钮，只需使用myButton.prop('disabled', false);

即可

您创建myButton的选择器也是错误的。请改用：

var myButton = $("input[type='button']");

甚至更好地通过其ID选择它（更快，如果您的页面中有多个按钮，也可以使用）：

var myButton = $('#create');

因此，为了简短起见，请使用以下内容：

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

Answer 3

$('#create').attr("disabled", "disabled");

Answer 4

var $myButton = $("input#create");
$myButton.click(function(e) {
    e.preventDefault();
    if($(this).hasClass("disabled")) {
        // do NOT submit
    } else {
        // submit
    }
});

// somewhere else...
$myButton.addClass("disabled");

并使用一些CSS样式使按钮显示为禁用状态（即opacity: 0.4和/或使其变为灰色或其他内容）。

Answer 5

我用

$('#create').attr("disabled", true);

没有引号

禁用按钮

5 个答案: