jquery alih keluar baca sahaja

Apabila menggunakan borang HTML, selalunya perlu menetapkan beberapa kotak input kepada status baca sahaja untuk menghalang pengguna daripada mengubah suai maklumat ini. Tetapi kadangkala adalah perlu untuk mengalih keluar atribut baca sahaja bagi kotak input ini di bawah keadaan tertentu supaya pengguna boleh mengubah suai atau mengedit. Pada masa ini, anda perlu menggunakan jQuery untuk mengalih keluar atribut baca sahaja.

jQuery ialah perpustakaan JavaScript yang menyediakan pembangun dengan pelbagai alatan dan ciri untuk memanipulasi elemen DOM dengan mudah, termasuk atribut kotak input bentuk HTML. Di bawah ini kami akan memperkenalkan cara menggunakan jQuery untuk mengalih keluar atribut baca sahaja.

Langkah satu: Dapatkan elemen

Mula-mula, anda perlu mendapatkan elemen kotak input yang perlu mengalih keluar atribut baca sahaja. Anda boleh menggunakan pemilih jQuery untuk mendapatkan elemen. Contohnya, jika anda perlu mengalih keluar atribut baca sahaja kotak input dengan id "myInput", anda boleh menggunakan kod berikut:

var myInput = $('#myInput');

Ini akan mengembalikan objek jQuery yang boleh digunakan untuk memanipulasi sifat unsur tersebut.

Langkah 2: Alih keluar atribut baca sahaja

Selepas mendapatkan elemen, anda boleh menggunakan kaedah removeAttr() untuk mengalih keluar atribut baca sahaja. Contohnya, jika anda perlu mengalih keluar atribut baca sahaja myInput, anda boleh menggunakan kod berikut:

myInput.removeAttr('readonly');

Ini akan mengalih keluar atribut "baca sahaja" daripada elemen myInput. Ini bermakna pengguna kini boleh memasukkan teks dalam kotak atau membuat perubahan lain. Jika anda perlu mengalih keluar atribut baca sahaja bagi berbilang kotak input, anda boleh menggunakan kaedah each() jQuery dengan mudah, seperti berikut:

$('.readOnlyInput').each(function() {
    $(this).removeAttr('readonly');
});

".readOnlyInput" di sini merujuk kepada nama kelas yang mengandungi bacaan -atribut sahaja, ini Kaedah ini akan merentasi setiap elemen kotak input yang mengandungi kelas yang ditentukan oleh baca sahaja dan mengalih keluar atribut baca sahaja.

Langkah 3: Lampirkan pendengar acara

Selepas mengalih keluar atribut baca sahaja, jika anda perlu melakukan operasi lain selepas pengguna selesai mengedit, anda boleh menambah pendengar acara. Sebagai contoh, jika anda perlu memaparkan butang simpan selepas pengguna selesai mengedit, anda boleh menambah kod berikut:

myInput.on('change', function() {
    $('#saveButton').show();
});

Ini akan memantau elemen myInput dan apabila pengguna selesai mengedit dan menaip dalam kotak , butang simpan akan dipaparkan.

Ringkasan

Sangat mudah untuk menggunakan jQuery untuk mengalih keluar atribut baca sahaja Anda hanya perlu mendapatkan elemen yang perlu diubah suai, dan kemudian gunakan kaedah removeAttr(). Jika anda perlu mengalih keluar atribut baca sahaja bagi berbilang kotak input, anda boleh menggunakan kaedah each(). Selepas mengalih keluar atribut baca sahaja, anda boleh menggunakan pendengar acara untuk melaksanakan operasi tambahan untuk mengendalikan input pengguna dengan lebih baik.

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