Open In App

How to Disable a Button in jQuery UI ?

Last Updated : 31 Dec, 2020
Comments
Improve
Suggest changes
Like Article
Like
Report

To disable a button in jQuery UI, we will be using disable() method which is discussed below:

jQuery UI disable() method is used to completely disable the button. It returns the button element completely to its initial state.

Syntax:

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

Parameters: This method does not accept any parameters.

Return values: This method simply returns the button to its pre-initial state.

  • Links for jQuery UI libraries:

<link rel=’stylesheet’
href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”> </script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"> </script>

  • OR

<link rel=’stylesheet’
href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css”>
<script src=”https://code.jquery.com/jquery-1.10.2.js”> </script>
<script src=”https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </script>

Below are the example which shows the implementation of this method.

Example 1:

Output:

Example 2:

Output:

Reference: https://api.jqueryui.com/button/


Next Article

Similar Reads