jQuery Mobile Button Widget inline Option

jQuery Mobile Button Widget disabled Option

Last Updated : 25 May, 2021

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget disabled option to make the button enable or disabled. It accepts a boolean value.

Syntax:

$("selector").button({
   disabled: true
});

CDN Links: First, add jQuery Mobile scripts needed for your project.

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

Example:

HTML

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1">

    <link rel="stylesheet" href=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <script src="//code.jquery.com/jquery-1.10.2.min.js">
    </script>

    <script src=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
    </script>

    <script>
        $(document).ready(function () {
            $(".gfg").button({
                disabled: true
            });

            $(".gfg1").button({
                disabled: false
            });
        });
    </script>
</head>

<body>

    <div data-role="page" id="page1">
        <div data-role="header">
            <h1>GeeksforGeeks</h1>
            <h3>jQuery Mobile Button Widget disabled Option</h3>
        </div>
        <div role="main" class="ui-content">
            <form action="#" method="get">
                <input type="submit" 
                    value="Disabled Button" class="gfg">
                
                <input type="button" 
                    value="Enabled Button" class="gfg1">
            </form>
        </div>
    </div>
</body>

</html>

Output:

Reference: https://api.jquerymobile.com/1.4/button/#option-disabled

jQuery Mobile Button Widget inline Option

P

ppatelkap

Improve

Article Tags :

Similar Reads

jQuery Mobile Button Widget inline Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Button Widget inline Option to set the inline property. If this option value is set to true, the button acts like an

jQuery Mobile Button Widget iconshadow Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget iconshadow Option to set the icon shadow in a button. This option is always used with icon option.

jQuery Mobile Dialog Widget disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Dialog Widget disabled Option to disable the dialog if its value is set to true. Syntax: $( ".selector" ).dialog

jQuery Mobile Button Widget enhanced Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget enhanced Option to specify the markup that necessary for a button widget. Syntax: $("selector").bu

jQuery Mobile Popup Widget disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Popup Widget disabled Option is used to disable the popup option. It accepts the boolean value i.e. true to disa

jQuery Mobile Button Widget corners Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget corners option to set the style of the button corner. This option accepts the boolean value. It se

jQuery Mobile Collapsible Widget disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. This article will be using the jQuery Mobile Collapsible Widget disabled option to disable the collapsible elements if the value is set to true. It accepts boolean

jQuery Mobile Slider Widget disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Slider widget disabled option to disable the slider if its value is set to true. It accepts boolean type value and i

jQuery Mobile Checkboxradio Widget disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Checkboxradio Widget disabled option to disable the checkbox radio if its value is set to true. It accepts boole

jQuery Mobile Page disabled Option

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Page disabled option. When the value of this option is set to true, it disables the page widget. Syntax: Initial