Bagaimanakah saya boleh melumpuhkan dan mendayakan butang input HTML menggunakan JavaScript dan jQuery?

Melumpuhkan dan Mendayakan Butang Input HTML

Dalam pembangunan web, selalunya perlu untuk melumpuhkan dan mendayakan butang untuk mengelakkan tindakan yang tidak diingini atau meningkatkan pengalaman pengguna. Begini cara anda boleh mencapai ini dalam HTML:

Menggunakan JavaScript

Untuk melumpuhkan butang menggunakan JavaScript, gunakan kod berikut:

<code class="javascript">document.getElementById("ButtonID").disabled = true;</code>

Ganti "ButtonID" dengan ID sebenar butang anda.

Untuk mendayakan butang, gunakan kod ini:

<code class="javascript">document.getElementById("ButtonID").disabled = false;</code>

Menggunakan jQuery

jQuery menyediakan cara yang lebih ringkas untuk melumpuhkan dan mendayakan butang. Untuk versi jQuery sebelum 1.6:

Lumpuhkan butang:

<code class="javascript">$('#ButtonID').attr('disabled', 'disabled');</code>

Buang daya:

<code class="javascript">$('#ButtonID').removeAttr('disabled');</code>

Untuk jQuery versi 1.6 dan lebih baru:

Lumpuhkan butang:

<code class="javascript">$('#ButtonID').prop('disabled', true);</code>

Butang daya:

<code class="javascript">$('#ButtonID').prop('disabled', false);</code>

Kaedah ini ditunjukkan dalam contoh kod yang disediakan, di mana butang dengan ID "Butang" digunakan. Laraskan ID butang seperti yang diperlukan dalam pelaksanaan anda.

Atas ialah kandungan terperinci Bagaimanakah saya boleh melumpuhkan dan mendayakan butang input HTML menggunakan JavaScript dan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!