Maison > Problème commun > le corps du texte

Comment changer l'attribut type d'entrée dans jquery

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2023-05-30 11:29:06
original
2933 Les gens l'ont consulté

Comment jquery modifie l'attribut type de l'entrée : 1. Créez un fichier html et introduisez le fichier jQuery ; 2. Créez une zone de saisie avec la balise d'entrée dans la balise P et définissez la valeur par défaut de value sur abcdefg, et le ID de la balise d'entrée à tuiput ; 3. Créez un bouton avec la balise bouton et liez l'événement onclick ; 4. Utilisez la syntaxe "$('#tuinput').attr('type' ,'password');"

Comment changer l'attribut type d'entrée dans jquery

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

jquery modifie l'attribut type de l'entrée via la méthode "attr()" :

1 Créez un nouveau fichier html, nommez-le test.html et introduisez le fichier jQuery dans l'en-tête

Comment changer lattribut type dentrée dans jquery

2. . Dans le fichier html Dans la balise p, utilisez la balise input pour créer une zone de saisie et définissez sa valeur par défaut sur abcdefg

Comment changer lattribut type dentrée dans jquery

3 Dans le fichier test.html, définissez la valeur de l'attribut id de la balise d'entrée. vers tuinput, qui est principalement utilisé. Ensuite, récupérez l'objet d'entrée via cet identifiant

Comment changer lattribut type dentrée dans jquery

4 Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom du bouton "Modifier l'attribut type de l'entrée". "

Comment changer lattribut type dentrée dans jquery

5. Dans le fichier test.html, liez l'événement onclick click au bouton du bouton. Lorsque vous cliquez sur le bouton, exécutez la fonction editype()

Comment changer lattribut type dentrée dans jquery

6. Dans la balise js, créez la fonction editype(), et dans la fonction, obtenez-la via l'objet d'entrée id (tuinput), utilisez la méthode attr() pour changer la valeur de l'attribut type en password

Comment changer lattribut type dentrée dans jquery

7. Ouvrez le fichier html dans le navigateur, cliquez sur le bouton pour voir l'effet

Comment changer lattribut type dentrée dans jquery

Comment changer lattribut type dentrée dans jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!