如何禁用 jQuery UI 中的按钮？

要禁用 jQuery UI 中的按钮，我们将使用下面讨论的 disable() 方法：

jQuery UI disable() 方法用于完全禁用按钮。它将按钮元素完全返回到其初始状态。

句法：

$(".selector").button("disable")

参数：此方法不接受任何参数。

返回值：此方法只是将按钮返回到其初始状态。

• jQuery UI 库的链接：

href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css”>

• 或者

href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css”>

下面是显示此方法实现的示例。

示例 1：

HTML

 
 
  
 
     
      
  
     
     
  
     
     
  
     
          
     
        .height { 
            height: 10px; 
        } 
     
  
     
        $(function () { 
            $("#buttonId").button();
  
            $('#buttonId').click(function (event) { 
                event.preventDefault(); 
                $(this).button("disable"); 
                console.log("The button is disabled successfully")
            }); 
        }); 
     
 
  
 
    GeeksforGeeks 
    jQueryUI | Button disable Method 
      
    Button element 
 
  

输出：

示例 2：

HTML

 
 
  
 
     
     
  
     
     
  
     
     
  
     
          
     
        .height { 
            height: 10px; 
        } 
     
  
     
        $(function () { 
            $("#buttonId, #submitId, #anchorId").button();
  
            $('#buttonId, #submitId, #anchorId')
                .click(function (event) { 
                event.preventDefault(); 
                $(this).button("disable"); 
            }); 
        }); 
     
 
  
 
    GeeksforGeeks 
    jQueryUI | Button disable Method 
      
     
        Button element 
         
        Anchor 
     
 
  

输出：

参考： https://api.jqueryui.com/button/