Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how jquery makes all input fail". In daily operation, I believe many people have doubts about how jquery makes all input fail. The editor consulted all kinds of data and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubt of "how jquery makes all input fail". Next, please follow the editor to study!

Methods: 1, use "$(input element)" statement to get all input element objects; 2, use prop () method and disabled attribute to invalidate the obtained input element, the syntax is "input element object .prop (" disabled "," disabled ");".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery disable all input

In jquery, you can make the text box unavailable by getting the text box object and using the prop () method to set the disabled property to disabled. Here is an example of how jquery sets the text box to be unavailable.

Examples are as follows:

1. Create a new html file, named test.html, to explain how jquery sets the text box to be unavailable. Within the p tag, use the input tag to create a text input box for entering text content. Set the id attribute of the input tag to testinput, which is mainly used to obtain the input object through this id. Use the button tag to create a button with the name "set text box not available". Bind the onclick click event to the button button, and execute the setdis () function when the button is clicked.

2. In the js tag, create the setdis () function. In the function, use the $symbol to get the input object through id (testinput), and use the prop () method to set the disabled property of input to disabled, so that the text box is not available.

Open the test.html file in the browser and click the button to see the effect of the implementation.

Summary:

1. Create a test.html file.

2. In the file, within the p tag, use the input tag to create a text input box and create a button button to trigger the execution of the js function.

3, in the js tag, create a function, in the function, get the input object, and use the prop () method to set the disabled property of input to disabled, so that the text box is not available.

Note:

In jquery, the prop () method is mainly used to set or return the properties and values of the selected element.

At this point, the study on "how to disable all input by jquery" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.