Bagaimana untuk Mendayakan Medan Input Dilumpuhkan dalam jQuery Menggunakan Kaedah yang Betul?

Cara Memanipulasi Atribut "Dilumpuhkan" Menggunakan jQuery

Pernyataan Masalah

Saya telah melumpuhkan medan input pada halaman web saya dan ingin mendayakannya apabila pautan diklik. Saya telah cuba menggunakan jQuery untuk mengalih keluar atribut "dilumpuhkan", tetapi ia tidak berjaya.

Kod jQuery:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});

Analisis Masalah

Isunya di sini ialah jQuery harus menggunakan kaedah prop() untuk menetapkan atau mendapatkan semula sifat elemen, dan bukannya menggunakan attr() atau removeAttr(), terutamanya untuk boolean atribut seperti "disabled."

Penyelesaian

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false);
});

Dengan menggunakan prop(), kami secara eksplisit menetapkan sifat "disabled" kepada false, mendayakan medan input dan membenarkan pengguna berinteraksi dengan mereka.

Mengapa Menggunakan prop()?

Sedangkan attr() boleh digunakan untuk mendapatkan semula atau mengubah suai atribut HTML, prop( ) direka khusus untuk mengurus sifat elemen. Untuk atribut boolean seperti "dilumpuhkan," "ditandai" dan "baca sahaja," prop() beroperasi terus pada sifat asas dan memastikan kelakuan yang betul dalam penyemak imbas moden.

Pra-jQuery 3.0 , removeAttr() juga akan menetapkan sifat yang sepadan kepada palsu, yang kini dianggap sebagai tingkah laku yang salah untuk mengendalikan atribut boolean. Oleh itu, sentiasa gunakan prop() untuk mendayakan atau melumpuhkan elemen dengan jQuery untuk mengelakkan isu yang berpotensi.

Atas ialah kandungan terperinci Bagaimana untuk Mendayakan Medan Input Dilumpuhkan dalam jQuery Menggunakan Kaedah yang Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!