如何使用 jQuery 启用/禁用按钮？

在本文中，我们将演示如何使用 jQuery 启用和禁用按钮。本文需要对 HTML、CSS、JavaScript 和 jQuery 有一定的了解。 jQuery prop()函数可用于禁用按钮。

可以使用prop()方法显式检索属性值。 prop()方法只返回集合中第一个匹配元素的属性值。对于尚未设置值的属性，或者对于不包含元素的匹配集，它返回Undefined 。

句法：

使用此方法可以将选定元素的布尔属性设置为true或false 。

$().prop(property, value) 

该函数返回一个布尔值。每当所选元素包含布尔属性（禁用、选中）时，否则返回true 。

$().prop(property)

什么是禁用属性？

这是一个布尔属性，指示不应显示该元素。使用禁用的元素是不可用的。您可以设置 disabled 属性以防止在满足另一个条件（例如选中一个框）之前使用该元素。

示例：单击下方按钮时，上方按钮无效，双击下方按钮时，上方按钮有效。在这个例子中应用了 prop 来演示它是如何正确使用的以及如何应用它。

HTML

  

    
    

  

  
    
        GeeksforGeeks
    
      
    
        update me
    
      
    
        
            click me
        
    
  
    
        $('#change').on('click', function () {
            $('#update').prop('disabled', true);
        }
        );
        $('#change').on('dblclick', function () {
            $('#update').prop('disabled', false);
        });
    

  

输出：

输出