Home > Web Front-end > JS Tutorial > body text

How to get the name attribute value in jquery

藏色散人
Release: 2023-01-04 09:37:15
Original
19612 people have browsed it

The jquery method to get the name attribute value: first create a new html file; then use the input tag to create a text box and set its id to mytxt; then set the name attribute value of the input tag; finally use attr() Method to get the attribute value of name.

How to get the name attribute value in jquery

The operating environment of this tutorial: windows7 system, jquery1.10.0 version, thinkpad t480 computer.

Create a new html file, named test.html, to explain how to obtain the name attribute of an element in jquery.

How to get the name attribute value in jquery

In the test.html file, within the p tag, use the input tag to create a text box and set its id to mytxt, which is mainly used to obtain the following id input object.

How to get the name attribute value in jquery

In the test.html file, set the name attribute value of the input tag. For example, here it is set to username.

How to get the name attribute value in jquery

In the test.html file, use the button tag to create a button with the button name "Get the name attribute of the element".

Recommended: "jquery video tutorial"

How to get the name attribute value in jquery

In the test.html file, bind the onclick click event to the button button. When the button is clicked, the getname() function is executed.

How to get the name attribute value in jquery

In the js tag, create the getname() function. Within the function, obtain the input object through id(mytxt), and use the attr() method to obtain the attribute value of name. Finally, use the alert() method to output.

How to get the name attribute value in jquery

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

How to get the name attribute value in jquery

The above is the detailed content of How to get the name attribute value in jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!