Bagaimana untuk menentukan sama ada kawalan tersedia dalam jquery

jQuery ialah perpustakaan JavaScript yang sangat popular yang menjadikannya sangat mudah untuk melaksanakan interaktiviti dalam halaman web. Semasa proses pembangunan, kadangkala kita perlu menentukan sama ada kawalan boleh digunakan untuk operasi seterusnya, yang boleh meningkatkan kebolehgunaan, kebolehbacaan dan kebolehselenggaraan kod. Oleh itu, dalam artikel ini, penulis akan berkongsi cara untuk menentukan sama ada kawalan tersedia dalam jQuery.

1. Status kawalan

Sebelum kita mula, kita mesti memahami status kawalan. Sama ada kotak teks, kotak lungsur atau kotak semak, keadaan mereka biasanya termasuk tiga keadaan berikut:

1. Keadaan tersedia (didayakan): kawalan boleh dikendalikan dan pengguna boleh input, pilih, Klik dan tunggu.
2. Keadaan dilumpuhkan (dilumpuhkan): Kawalan tidak boleh dikendalikan dan pengguna tidak boleh melakukan sebarang operasi padanya.
3. Keadaan baca sahaja (baca sahaja): Kawalan tidak boleh diedit, tetapi operasi seperti pemilihan dan klik boleh dilakukan.

Melalui penerangan di atas, kita dapat melihat bahawa status baca sahaja dan status yang tersedia adalah berbeza. Dalam keadaan baca sahaja, kawalan boleh digunakan, tetapi pengguna tidak boleh mengeditnya dan hanya boleh melakukan operasi seperti pemilihan atau klik. Untuk menentukan sama ada kawalan itu baca sahaja, kita boleh menentukan sama ada sifat baca sahaja kawalan itu benar. Keadaan kawalan yang tersedia dan dilumpuhkan adalah agak serupa. Untuk mengelakkan kekeliruan, kami memanggil keadaan kawalan yang tersedia "didayakan" dan keadaan kurang upaya kawalan "dilumpuhkan".

2. kaedah attr

Dalam jQuery, kita boleh menggunakan kaedah attr() untuk mendapatkan atau menetapkan atribut elemen. Kaedah attr() boleh mendapatkan nilai atribut bagi satu atau lebih elemen padanan Jika atribut tidak wujud, ia mengembalikan tidak ditentukan.

Oleh itu, kita boleh menggunakan kaedah attr() untuk menentukan sama ada kawalan tersedia.

Seperti yang ditunjukkan dalam contoh berikut:

<input type="text" id="text1" disabled="disabled" value="disabled">
<input type="text" id="text2" value="enabled">

Dalam HTML, kami mengisytiharkan dua kotak teks, iaitu teks1 dan teks2. text1 ditetapkan kepada keadaan dilumpuhkan dan text2 ditetapkan kepada keadaan didayakan. Kemudian, dalam jQuery, kita boleh menggunakan kod berikut untuk menentukan sama ada kedua-dua kawalan ini tersedia:

if($('#text1').attr('disabled')) {
    alert('text1 is disabled.');
} else {
    alert('text1 is enabled.');
}

if($('#text2').attr('disabled')) {
    alert('text2 is disabled.');
} else {
    alert('text2 is enabled.');
}

Selepas menjalankan kod, kami akan mendapati bahawa kotak teks pertama menentukan sama ada atributnya yang dilumpuhkan adalah benar. Tentukan sama ada ia dilumpuhkan dan kotak teks kedua tidak mempunyai atribut yang dilumpuhkan, jadi ia kembali tidak ditentukan Berdasarkan hasil ini, anda boleh menentukan sama ada kotak teks didayakan.

3. Kaedah Prop

Selepas jQuery versi 1.6, jQuery memperkenalkan kaedah prop(). Berbanding dengan kaedah attr(), kaedah prop() boleh mendapatkan atau menetapkan nilai atribut elemen, tetapi hanya untuk atribut DOM elemen tersebut.

Mendayakan atau melumpuhkan kawalan ialah keadaan atribut DOM, jadi kita boleh menentukan keadaan kawalan melalui kaedah prop().

Seperti yang ditunjukkan dalam contoh berikut:

<input type="text" id="text1" disabled="disabled" value="disabled">
<input type="text" id="text2" value="enabled">

Anda boleh menggunakan kod berikut untuk menentukan sama ada kedua-dua kotak teks ini didayakan:

if($('#text1').prop('disabled')) {
    alert('text1 is disabled.');
} else {
    alert('text1 is enabled.');
}

if($('#text2').prop('disabled')) {
    alert('text2 is disabled.');
} else {
    alert('text2 is enabled.');
}

Dalam perkara di atas code , jika kawalan didayakan, kaedah prop() mengembalikan palsu, jika ia dilumpuhkan, kaedah prop() mengembalikan benar. Dalam pembangunan sebenar, kita boleh menggunakan kaedah prop() untuk lebih mudah menentukan status kawalan.

4. Ringkasan

Untuk menentukan sama ada kawalan tersedia dalam jQuery, kita boleh menggunakan kaedah attr() atau kaedah prop(). Kaedah attr() menentukan sama ada kawalan tersedia dengan mendapatkan nilai atribut elemen, manakala kaedah prop() boleh mengembalikan atribut DOM elemen dan juga menentukan sama ada kawalan tersedia. Melalui kaedah yang diperkenalkan dalam artikel ini, status sesuatu kawalan boleh ditentukan dengan mudah. Dalam pembangunan sebenar, kita boleh menggunakan kaedah ini secara fleksibel mengikut keperluan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada kawalan tersedia dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!