tugasan atribut baca sahaja input jquery

jQuery ialah perpustakaan JavaScript yang menyediakan pembangun dengan banyak kaedah dan fungsi yang mudah untuk memproses halaman HTML. Salah satu keperluan biasa ialah menetapkan atribut baca sahaja bagi elemen input, yang sangat berguna apabila pengguna memasukkan maklumat sensitif. Dalam siaran ini, kami akan membincangkan cara menetapkan atribut baca sahaja dalam elemen input menggunakan jQuery.

Gunakan kaedah prop() untuk menetapkan atribut baca sahaja

kaedah prop() jQuery boleh digunakan untuk menetapkan atau mendapatkan nilai atribut sesuatu elemen. Untuk membuat elemen baca sahaja, gunakan kaedah prop() dan tetapkan harta baca sahaja kepada benar. Contohnya, untuk menetapkan elemen input dengan id myInput sebagai baca sahaja, anda boleh menggunakan kod berikut:

$('#myInput').prop('readonly', true);

Di sini, simbol $ ialah operator jQuery dan #myInput mewakili ID elemen input yang diingini. prop('readonly', true) memberitahu jQuery untuk menetapkan harta baca sahaja kepada benar. Ini akan melumpuhkan medan input supaya ia tidak boleh diedit.

Selain itu, untuk menetapkan elemen input kepada boleh diedit, anda hanya perlu menukar benar dalam kod di atas kepada palsu.

Gunakan kaedah attr() untuk menetapkan atribut baca sahaja

Selain kaedah prop(), anda juga boleh menggunakan kaedah attr() untuk menetapkan atribut baca sahaja daripada elemen input. Tidak seperti kaedah prop(), kaedah attr() digunakan untuk mendapatkan atau menetapkan atribut tag HTML.

Berikut ialah kod untuk menetapkan elemen input dengan id myInput kepada baca sahaja:

$('#myInput').attr('readonly', 'readonly');

Di sini, nilai 'baca sahaja' ialah rentetan yang mewakili nama atribut yang akan ditetapkan , Digunakan untuk menetapkan elemen input kepada baca sahaja. Untuk menjadikan elemen input boleh diedit, hanya padamkan kod yang sepadan.

Berbanding dengan kaedah prop(), satu kelebihan menggunakan kaedah attr() ialah ia menyokong julat tetapan atribut yang lebih luas, termasuk tetapan atribut tersuai.

Dalam kod di atas, untuk menjadikan elemen input boleh diedit, cuma tukar parameter kedua kepada null.

Ringkasan

Walaupun terdapat banyak cara untuk menetapkan elemen input kepada atribut baca sahaja, menggunakan kaedah prop() dan attr() ialah salah satu kaedah yang paling biasa. Mana-mana kaedah yang anda gunakan, anda perlu memastikan bahawa kod anda betul dan konsisten serta anda mengendalikan maklumat sensitif dengan berhati-hati. Kami berharap artikel ini membantu dan jika anda mempunyai sebarang soalan atau cadangan, sila tinggalkan komen kepada kami.

Atas ialah kandungan terperinci tugasan atribut baca sahaja input jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!