Rumah > masalah biasa > teks badan

Bagaimana untuk menukar jenis atribut input dalam jquery

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-05-30 11:29:06
asal
2844 orang telah melayarinya

Cara menukar atribut jenis input dalam jquery: 1. Cipta fail html dan perkenalkan fail jQuery 2. Cipta kotak input dengan tag input dalam tag P, dan tetapkan nilai lalai nilai ke abcdefg, teg input ID ialah tuiput; " sintaks.

Bagaimana untuk menukar jenis atribut input dalam jquery

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

jquery menukar atribut jenis input melalui kaedah "attr()":

1 Cipta fail html baharu, namakannya sebagai test.html dan perkenalkan ia dalam fail jQuery kepala

Bagaimana untuk menukar jenis atribut input dalam jquery

2. Dalam fail html, dalam teg p, gunakan teg input untuk mencipta kotak input, dan tetapkan nilai lalainya kepada abcdefg

Bagaimana untuk menukar jenis atribut input dalam jquery

3 Dalam fail test.html, tetapkan nilai atribut id teg input kepada tuinput Ia digunakan terutamanya untuk mendapatkan objek input melalui id ini.

Bagaimana untuk menukar jenis atribut input dalam jquery

4 Dalam fail test.html, gunakan teg butang untuk mencipta butang dengan nama butang "Tukar atribut jenis input"

Bagaimana untuk menukar jenis atribut input dalam jquery

5. Dalam fail html, ikat acara klik onclick pada butang butang Apabila butang diklik, laksanakan fungsi edittype()

Bagaimana untuk menukar jenis atribut input dalam jquery

6. Dalam teg js, cipta Fungsi edittype(), dalam fungsi, dapatkan objek input melalui id (tuinput), gunakan kaedah attr() untuk menukar nilai atribut jenis kepada kata laluan

Bagaimana untuk menukar jenis atribut input dalam jquery

7. Buka fail html dalam pelayar, Klik butang untuk melihat kesan yang dicapai

Bagaimana untuk menukar jenis atribut input dalam jquery

Bagaimana untuk menukar jenis atribut input dalam jquery

Atas ialah kandungan terperinci Bagaimana untuk menukar jenis atribut input dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!