jQuery：检查和添加/删除disabled属性

在本文中，我们将介绍如何使用jQuery来检查和添加/删除HTML元素的disabled属性。disabled属性用于禁用表单输入元素，使其不可编辑或不可选中。

检查disabled属性

有时候我们需要检查元素是否具有disabled属性。我们可以使用jQuery的attr()方法来获取元素的disabled属性值。

下面是一个示例，演示如何检查一个按钮是否被禁用：

<button id="myBtn" disabled>Click me</button>

<script>
 $(document).ready(function(){ if ($ ("#myBtn").attr("disabled") === "disabled") {
    alert("按钮已禁用");
  } else {
    alert("按钮可用");
  }
});
</script>

在上面的示例中，我们首先使用jQuery的$()函数选择按钮元素，并使用attr()方法获取disabled属性的值。如果属性值等于”disabled”，则说明按钮已被禁用。

添加/删除disabled属性

有时候我们需要动态地添加或删除disabled属性。我们可以使用jQuery的prop()方法来更改元素的disabled状态。

下面是一个示例，演示如何通过单击按钮来切换其禁用状态：

<button id="myBtn">单击我</button>

<script>
 $(document).ready(function(){$ ("#myBtn").click(function(){
    if ( $(this).prop("disabled")) {$ (this).removeAttr("disabled");
      alert("按钮已启用");
    } else {
      $(this).prop("disabled", true);
      alert("按钮已禁用");
    }
  });
});
</script>

在上面的示例中，我们首先使用$()函数选择按钮元素，并使用click()方法添加一个单击事件处理程序。在事件处理程序中，我们使用prop()方法检查按钮的禁用状态。如果按钮被禁用，我们使用removeAttr()方法删除disabled属性，并显示一个启用提示。如果按钮未被禁用，我们使用prop()方法将disabled属性设置为true，并显示一个禁用的提示。