كيفية تحديد زر الراديو افتراضيًا؟
بشكل افتراضي ' التحقق 'لتحديد زر الاختيار. إذا تم استخدام هذه السمة في عدة أزرار اختيار ، فسيتم تحديد أحدث زر اختيار افتراضيًا. اتبع المدونة خطوة بخطوة لتحديد زر الاختيار افتراضيًا:
الخطوة 1: إنشاء أزرار الراديو
في ملف HTML ، أنشئ ثلاثة أزرار اختيار وأرفق بها تسميات:
< مركز >
< h3 > حدد مستوى خبرتك: < / h3 >
< شعبة >
< مدخل يكتب = 'مذياع' بطاقة تعريف = 'مبتدئ' اسم = 'خبرة' قيمة = 'مبتدئ' >
< ملصق ل = 'مبتدئ' > مبتدئ < / ملصق >
< / شعبة >
< شعبة >
< مدخل يكتب = 'مذياع' بطاقة تعريف = 'متوسط' اسم = 'خبرة' قيمة = 'متوسط' >
< ملصق ل = 'متوسط' > متوسط < / ملصق >
< / شعبة >
< شعبة >
< مدخل يكتب = 'مذياع' بطاقة تعريف = 'يتقدم' اسم = 'خبرة' قيمة = 'يتقدم' >
< ملصق ل = 'يتقدم' > يتقدم < / ملصق >
< / شعبة >
< / مركز >
في مقتطف الشفرة أعلاه:
- يتكون زر الاختيار من خلال إنشاء ' <إدخال> 'وتعيين نوعها على' مذياع '.
- قم بتعيين كل زر اختيار مع 'الاسم' و 'المعرف' و 'القيمة'.
- في النهاية ، استخدم ' بطاقة تعريف 'من حقل الإدخال لإرفاق' <التسمية> 'باستخدام علامة' ل ' يصف.
بعد تنفيذ البرنامج النصي ، يتم الإخراج على النحو التالي:
يوضح الشكل عرض أزرار الاختيار ولكن لم يتم تحديد أي منها افتراضيًا.
الخطوة 2: حدد بشكل افتراضي
ال ' التحقق 'لتحديد زر الاختيار تلقائيًا. يختار خيارًا واحدًا فقط. هذا هو السبب في أنه من الأفضل تحديد زر اختيار بشكل افتراضي. إنه يقيد المستخدم في تحديد الخيار الصحيح:
< شعبة >
< مدخل يكتب = 'مذياع' بطاقة تعريف = 'مبتدئ' اسم = 'خبرة' قيمة = 'مبتدئ' فحص>
< ملصق ل = 'مبتدئ' > مبتدئ < / ملصق >
< / شعبة >
في الكود أعلاه ، فإن ملف التحقق يتم استخدام السمة ويتم تخصيصها لحقل الإدخال الأول فقط.
الآن بعد تنفيذ صفحة ويب الكود أعلاه تبدو كما يلي:
يوضح الإخراج أن زر الاختيار الأول يتم تحديده افتراضيًا في كل تحديث للصفحة.
نصيحة إضافية: استخدام JavaScript لتحديد زر الاختيار افتراضيًا
لتحديد زر اختيار افتراضيًا باستخدام JavaScript ، قم بالوصول إلى زر الاختيار باستخدام المعرف. بعد ذلك ، حدد السمة المحددة الخاصة بها وقم بتعيين القيمة المنطقية الخاصة بها على 'صحيح' كما في الكود أدناه:
< النصي >document.getElementById ( 'مبتدئ' ) . التحقق = حقيقي؛
< / النصي >
في هذا الرمز ، ' مبتدئ 'هو معرف زر الاختيار هذا الذي يتم تحديده افتراضيًا.
بعد تجميع البرنامج النصي ، يتم الإخراج على النحو التالي:
في اللقطة أعلاه ، يتم تحديد زر الاختيار الأول افتراضيًا باستخدام JavaScript.
خاتمة
لاختيار زر اختيار ، يمكن للمستخدمين استخدام ' التحقق ' يصف. إذا تم استخدام السمة المحددة في أكثر من زر اختيار ، فسيحصل زر الاختيار على أحدث قيمة سمة 'محددة'. لتحديد زر اختيار افتراضيًا باستخدام JavaScript ، قم بالوصول إلى زر الاختيار باستخدام المعرف. لقد أوضحت هذه المدونة بنجاح كيفية تحديد زر الاختيار افتراضيًا.