Bagaimana untuk menetapkan elemen input supaya tidak boleh diedit dalam jquery

jQuery ialah perpustakaan JavaScript popular yang menyediakan pembangun dengan banyak fungsi dan kaedah yang berguna, menjadikan pembangunan web lebih mudah dan lebih cekap. Dalam pembangunan web, kita sering menghadapi situasi di mana kita perlu menetapkan elemen input tertentu supaya tidak boleh diedit. Artikel ini akan memperkenalkan cara untuk menetapkan elemen input supaya tidak boleh diedit menggunakan jQuery.

Mengapa kita perlu menetapkan elemen input supaya tidak boleh diedit?

Kadangkala, kami perlu memaparkan data tertentu dalam borang, tetapi tidak mahu pengguna mengubah suai data Dalam kes ini, kami perlu menetapkan elemen input menjadi tidak boleh diedit. Di samping itu, dalam bentuk, beberapa elemen input adalah baca sahaja, iaitu, pengguna boleh melihat tetapi tidak mengedit. Senario ini memerlukan elemen input ditetapkan kepada tidak boleh diedit untuk memastikan ketepatan dan kesempurnaan data borang.

Kaedah prop() jQuery menetapkan elemen input menjadi tidak boleh diedit

kaedah prop() jQuery boleh digunakan untuk mendapatkan dan menetapkan nilai atribut unsur HTML. Untuk menjadikan elemen input tidak boleh diedit, hanya tetapkan atribut "baca sahaja"nya kepada benar. Kodnya adalah seperti berikut:

$(document).ready(function(){
    $("input").prop("readonly", true);
});

Kod di atas akan menetapkan semua elemen input kepada baca sahaja, iaitu, tidak boleh diedit. Jika anda hanya mahu menjadikan elemen input tertentu tidak boleh diedit, anda boleh menggunakan pemilih kelas atau pemilih ID untuk menapis elemen dan menetapkannya. Contohnya, untuk menetapkan semua elemen input dengan nama kelas "my-input" sebagai baca sahaja, kodnya adalah seperti berikut:

$(document).ready(function(){
    $("input.my-input").prop("readonly", true);
});

Jika anda ingin menetapkan elemen input dengan ID tertentu sebagai baca sahaja, kodnya adalah seperti berikut:

$(document).ready(function(){
    $("#my-input").prop("readonly", true);
});

kaedah attr() jQuery menetapkan elemen input menjadi tidak boleh diedit

Selain menggunakan kaedah prop(), anda juga boleh menggunakan kaedah attr() untuk menetapkan elemen input menjadi tidak boleh diedit. Kodnya adalah seperti berikut:

$(document).ready(function(){
    $("input").attr("readonly", true);
});

Berbanding dengan kaedah prop(), kaedah attr() boleh menetapkan lebih banyak atribut, tetapi apabila menetapkan atribut jenis boolean, kaedah prop() lebih berguna.

Ringkasan

Melalui artikel ini, kami mempelajari cara menetapkan elemen input supaya tidak boleh diedit menggunakan jQuery. Elemen input boleh dibuat baca sahaja dengan menetapkan atribut "baca sahaja" kepada benar. Apabila menggunakan kaedah prop() dan kaedah attr(), sila ambil perhatian bahawa kaedah prop() sesuai untuk menetapkan sifat jenis boolean, manakala kaedah attr() sesuai untuk semua jenis sifat. Pilih sahaja kaedah yang sesuai berdasarkan senario dan keperluan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan elemen input supaya tidak boleh diedit dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!