February 9, 2018

Materialize Css enable disable button

Materialize Css enable disable button – We can use jQuery to create dynamic enable disable button functionality. Here in this tutorial, we are going to explain how you can make button enable/disable in Materialize Css.

Materialize Css enable disable Button jQuery Example

You can enable/disable button using jQuery in Materialize Css simply as below-

Example:

 <button id="myBtn" class="btn">Click Button </button> 
   <br>
  <a href="javaScript:void(0)" id="myLink">Enable/Disable Button</a>
    <script>
        $( "#myLink" ).click(function() {
         $( "#myBtn" ).toggleClass( "disabled" );
        });
        
   </script>

Try it »

In the above example we have used jQuery toggle method to toggle the button class. On the same way you can enable/disable the button in Materialzie Css framework.

Output of above example-

Add Comment

📖 Read More

1. Materialize Css Button with Icon
2. Materialize css login form in popup
3. Materialize Css Registration form in Popup