如何使用正确的方法在 jQuery 中启用禁用的输入字段？

如何使用 jQuery 操作“禁用”属性

问题陈述

我已禁用网页上的输入字段并希望启用它们单击链接时。我尝试使用 jQuery 删除“禁用”属性，但没有成功。

jQuery 代码：

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});

问题分析

问题这里是 jQuery 应该使用 prop() 方法来设置或检索元素属性，而不是使用 attr() 或 removeAttr()，特别是对于布尔值

解决方案

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false);
});

通过使用 prop()，我们显式地将“disabled”属性设置为 false，启用输入字段和允许用户与其交互。

为什么使用 prop()？

虽然 attr() 可用于检索或修改 HTML 属性，prop( ) 专门用于管理元素属性。对于“disabled”、“checked”和“readonly”等布尔属性，prop() 直接对底层属性进行操作，并确保现代浏览器中的正确行为。

Pre-jQuery 3.0 , removeAttr() 还会将相应的属性设置为 false，现在这被认为是处理布尔属性的不正确行为。因此，请始终使用 prop() 来通过 jQuery 启用或禁用元素，以避免潜在问题。

以上是如何使用正确的方法在 jQuery 中启用禁用的输入字段？的详细内容。更多信息请关注PHP中文网其他相关文章！