Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Melumpuhkan dan Mendayakan Butang Input HTML?

Bagaimana untuk Melumpuhkan dan Mendayakan Butang Input HTML?

Susan Sarandon
Lepaskan: 2024-10-26 20:58:02
asal
990 orang telah melayarinya

How to Disable and Enable HTML Input Buttons?

Melumpuhkan dan Mendayakan Butang Input HTML

Melumpuhkan butang input dalam HTML ialah keperluan biasa dalam banyak aplikasi. Ini boleh dicapai untuk mengelakkan perubahan tidak sengaja, mengehadkan tindakan pengguna atau semasa pengesahan borang. Berikut ialah penjelasan terperinci tentang cara untuk melumpuhkan dan mendayakan butang input HTML:

Menggunakan JavaScript

Dalam JavaScript, anda boleh melumpuhkan butang menggunakan atribut dilumpuhkan:

<code class="JavaScript">document.getElementById("Button").disabled = true;</code>
Salin selepas log masuk

Untuk mendayakan butang sekali lagi, hanya tetapkan atribut yang dilumpuhkan kembali kepada palsu:

<code class="JavaScript">document.getElementById("Button").disabled = false;</code>
Salin selepas log masuk

Menggunakan jQuery

tawaran jQuery cara ringkas untuk melumpuhkan dan mendayakan butang:

Untuk versi jQuery sebelum 1.6:

Untuk melumpuhkan butang:

<code class="jQuery">$('#Button').attr('disabled','disabled');</code>
Salin selepas log masuk

Untuk mendayakan butang:

<code class="jQuery">$('#Button').removeAttr('disabled');</code>
Salin selepas log masuk

Untuk versi jQuery selepas 1.6:

Untuk melumpuhkan butang:

<code class="jQuery">$('#Button').prop('disabled', true);</code>
Salin selepas log masuk

Untuk mendayakan butang:

<code class="jQuery">$('#Button').prop('disabled', false);</code>
Salin selepas log masuk

Dalam semua kes, adalah penting untuk mempertimbangkan konteks butang dan gelagat yang dimaksudkan. Melumpuhkan butang boleh menghalang pengguna daripada menyerahkan borang atau membuat perubahan, jadi ia harus digunakan dengan bijak.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan dan Mendayakan Butang Input HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan