Rumah  >  Artikel  >  Bagaimana untuk menukar jenis atribut input dalam jquery

Bagaimana untuk menukar jenis atribut input dalam jquery

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌asal
2023-05-30 10:57:532973semak imbas

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!

Kenyataan:
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