Summary of JQuery disable/recover buttons readonly and disabled

Source: Internet
Author: User

Next, let's take a look at the readonly and disabled buttons of JQuery. I hope this article will be helpful to you.

Disable/restore button

I used it before, don't remember...

Actually, it is to change the attribute of <input>.

Disable the btn button:

The Code is as follows: Copy code

$ ("# Btn"). attr ({"disabled": "disabled "});
// Or
$ ("# Btn"). attr ("disabled", "disabled ");

Disable:

The Code is as follows: Copy code

$ ("# Btn"). removeAttr ("disabled ");
// Or
$ ("# Btn"). attr ("disabled ","");


JQuery's method for applying the disabled and readonly attributes to elements:

1. readonly

$ ('Input'). attr ("readonly", "readonly") // set the input element to readonly
$ ('Input'). removeAttr ("readonly"); // remove the readonly attribute of the input element

If ($ ('input'). attr ("readonly") = true) // you can determine whether the readonly attribute has been set for the input element.

There are two ways to set the readonly attribute for the element and cancel the readonly attribute:
$ ('Input'). attr ("readonly", true) // set the input element to readonly
$ ('Input'). attr ("readonly", false) // remove the readonly attribute of the input element

$ ('Input'). attr ("readonly", "readonly") // set the input element to readonly
$ ('Input'). attr ("readonly", "") // remove the readonly attribute of the input element

2. disabled
$ ('Input'). attr ("disabled", "disabled") // set the input element to disabled
$ ('Input'). removeAttr ("disabled"); // remove the disabled attribute of the input element

If ($ ('input'). attr ("disabled") = true) // you can determine whether the disabled attribute has been set for the input element.

There are two ways to set the disabled attribute and cancel the disabled attribute for the element:
$ ('Input'). attr ("disabled", true) // set the input element to disabled
$ ('Input'). attr ("disabled", false) // remove the disabled attribute of the input element

$ ('Input'). attr ("disabled", "disabled") // set the input element to disabled
$ ('Input'). attr ("disabled", "") // remove the disabled attribute of the input element

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.