Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Lumpuhkan dan Dayakan Medan Input Menggunakan jQuery?

Bagaimanakah Saya Boleh Lumpuhkan dan Dayakan Medan Input Menggunakan jQuery?

Barbara Streisand
Barbara Streisandasal
2024-12-22 15:35:21966semak imbas

How Can I Disable and Enable Input Fields Using jQuery?

Melumpuhkan dan Mendayakan Medan Input dengan jQuery

Apabila bekerja dengan elemen borang HTML, selalunya perlu melumpuhkan atau mendayakan medan input tertentu untuk pengguna interaksi. jQuery menyediakan beberapa kaedah untuk menyelesaikan tugasan ini.

Melumpuhkan Medan Input

Kaedah pilihan untuk melumpuhkan medan input dalam jQuery versi 1.6 dan ke atas adalah melalui prop( ) fungsi:

$("input").prop('disabled', true);

Sebelum jQuery 1.6, fungsi attr() boleh digunakan untuk menetapkan atribut yang dilumpuhkan:

$("input").attr('disabled', 'disabled');

Mendayakan Medan Input

Untuk mendayakan medan input yang dilumpuhkan, anda harus membalikkan tindakan bergantung pada kaedah yang digunakan:

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 dan ke bawah

$("input").removeAttr('disabled');

Manipulasi DOM Langsung

Dalam mana-mana versi jQuery, anda sentiasa boleh memanipulasi DOM secara langsung elemen:

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

Nota untuk jQuery 1.6

Walaupun jQuery 1.6 memperkenalkan kaedah removeProp(), ia tidak boleh digunakan untuk sifat asli seperti dilumpuhkan. Sebaliknya, sentiasa gunakan .prop() untuk menogol harta itu kepada palsu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan dan Dayakan Medan Input Menggunakan 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