Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Melumpuhkan dan Mendayakan Medan Input HTML dengan jQuery?

Bagaimana untuk Melumpuhkan dan Mendayakan Medan Input HTML dengan jQuery?

Patricia Arquette
Lepaskan: 2024-12-11 20:28:11
asal
894 orang telah melayarinya

How to Disable and Enable HTML Input Fields with jQuery?

Cara Melumpuhkan atau Mendayakan Input dengan jQuery

Apabila bekerja dengan medan input HTML, selalunya perlu untuk melumpuhkan atau mendayakannya untuk pelbagai alasan. jQuery menyediakan pelbagai cara untuk menyelesaikan tugasan ini.

Kaedah Standard (jQuery 1.6 )

Sejak jQuery 1.6, kaedah pilihan untuk mengubah suai sifat yang dilumpuhkan adalah melalui .prop () fungsi.

Lumpuhkan:

$("input").prop('disabled', true);
Salin selepas log masuk

Dayakan:

$("input").prop('disabled', false);
Salin selepas log masuk

jQuery 1.5 dan Bawah

Dalam versi jQuery sebelum 1.6, Fungsi .prop() tidak tersedia. Sebaliknya, gunakan fungsi .attr():

Lumpuhkan:

$("input").attr('disabled','disabled');
Salin selepas log masuk

Dayakan:

$("input").removeAttr('disabled');
Salin selepas log masuk

Kaedah Objek DOM

Tidak kira jQuery versi, anda boleh terus mengakses objek DOM dan mengubah suai sifatnya yang dilumpuhkan:

Lumpuhkan:

this.disabled = true;
Salin selepas log masuk

Dayakan:

this.disabled = false;
Salin selepas log masuk

Nota untuk jQuery 1.6 :

Dalam jQuery versi 1.6 , kaedah .removeProp() tersedia. Walau bagaimanapun, ia tidak boleh digunakan untuk mengalih keluar sifat asli seperti dilumpuhkan, kerana ia mengalih keluarnya secara kekal. Sebaliknya, gunakan .prop() untuk menetapkan sifat kepada palsu.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan dan Mendayakan Medan Input HTML dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan