كيفية تعطيل زر باستخدام JavaScript

تعرف على كيفية تعطيل أو تمكين زر برمجيًا باستخدام JavaScript

زر HTML هو أحد العناصر القليلة التي لها خصائصها الخاصةحالة. جنبا إلى جنب مع تقريبا جميع عناصر التحكم في النموذج

أحد الأشياء الشائعة المطلوبة هو تعطيل / تمكين الزر برمجيًا باستخدام JavaScript.

على سبيل المثال ، تريد تمكين الزر فقط عند تعبئة عنصر إدخال نص.

أو عند النقر على مربع اختيار محدد ، مثل تلك التي تراها لتقول "لقد قرأت الشروط والأحكام" ، وهو أمر لا يقرأه أحد بالفعل.

هيريس كيفية القيام بذلك.

يمكنك تحديد العنصر باستخدامdocument.querySelector()أوdocument.getElementById():

const button = document.querySelector('button')

إذا كان لديك عدة أزرار قد ترغب في استخدامهاdocument.querySelectorAll()وتكرار النتائج.

على أي حال ، بمجرد حصولك على مرجع العنصر ، يمكنك تعيين خاصية تعطيله علىtrueلتعطيله:

button.disabled = true

لتمكينه مرة أخرى ، عليك ضبطه علىfalseلتمكينه مرة أخرى:

button.disabled = false

المزيد من دروس المتصفح: